Added new new folder icon and added it to icon css. Implemented it

packages/filebrowser/src/browser.ts

@@ -104,7 +104,7 @@ class FileBrowser extends Widget {
     this._crumbs = new BreadCrumbs({ model });
     this.toolbar = new Toolbar<Widget>();
     let newFolder = new ToolbarButton({
-      className: 'jp-FolderIcon',
+      className: 'jp-newFolderIcon',
       onClick: () => {
         this._manager.newUntitled({
           path: model.path,

packages/filebrowser/style/index.css

@@ -29,6 +29,12 @@
 }
 
 
+.jp-FileBrowser-toolbar {
+  border-bottom: none;
+  height: auto;
+}
+
+
 .jp-BreadCrumbs {
   flex: 0 0 auto;
   margin: 4px 12px;

packages/theming/style/icons.css

@@ -74,6 +74,11 @@
 }
 
 
+.jp-newFolderIcon {
+  background-image: url(icons/md/new-folder.svg);
+}
+
+
 .jp-HomeIcon {
   background-image: url(icons/md/home.svg);
   min-width: 14px;

packages/theming/style/icons/md/upload.svg

@@ -1,5 +1,10 @@
 <?xml version="1.0" encoding="utf-8"?>
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
-    <path fill="none" d="M0,0h18v18H0V0z"/>
-    <path d="M6.8,11.8h4.5V7.2h3L9,2L3.8,7.2h3V11.8z M3.8,14h10.5v2H3.8V14z"/>
+<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 18 18" style="enable-background:new 0 0 18 18;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;}
+</style>
+<path class="st0" d="M0,0h18v18H0V0z"/>
+<path d="M6.8,9.8h4.5V5.2h3L9,0L3.8,5.2h3V9.8z M3.8,12h10.5v2H3.8V12z"/>
 </svg>