chore: add extra icons

ghiscoding · Sep 14, 2021 · d08e3d5 · d08e3d5
1 parent 13dfd69
commit d08e3d5
Show file tree

Hide file tree

Showing 5 changed files with 69 additions and 6 deletions.
diff --git a/examples/webpack-demo-vanilla-bundle/src/examples/example05.html b/examples/webpack-demo-vanilla-bundle/src/examples/example05.html
@@ -1,5 +1,6 @@
 <h3 class="title is-3">
   Example 05 - Tree Data
+  <span class="mdi mdi-file-tree mdi-25px subtitle"></span>
   <span class="subtitle">(from a flat dataset with <code>parentId</code> references)</span>
   <div class="subtitle" style="float: right; margin-top: -20px">
     <a class="is-size-5"

diff --git a/examples/webpack-demo-vanilla-bundle/src/examples/example06.html b/examples/webpack-demo-vanilla-bundle/src/examples/example06.html
@@ -1,4 +1,5 @@
 <h3 class="title is-3">Example 06 - Tree Data
+  <span class="mdi mdi-file-tree mdi-25px subtitle"></span>
   <span class="subtitle">(from a Hierarchical Dataset)</span>
   <div class="subtitle" style="float: right; margin-top: -20px">
     <a class="is-size-5"
@@ -58,4 +59,4 @@ <h6 class="title is-6 italic">
 </div>
 
 <div class="grid6">
-</div>
+</div>
diff --git a/examples/webpack-demo-vanilla-bundle/src/examples/example06.scss b/examples/webpack-demo-vanilla-bundle/src/examples/example06.scss
@@ -1,22 +1,23 @@
 @import '@slickgrid-universal/common/dist/styles/sass/slickgrid-theme-material.scss';
 
-.icon.mdi-file-pdf-outline {
+.mdi-file-pdf-outline {
   /** 1. use `filter` color */
   // filter: invert(62%) sepia(93%) saturate(5654%) hue-rotate(325deg) brightness(100%) contrast(90%);
 
   /** 2. or use the SASS @mixin that will produce the `filter` color */
   @include recolor(#f14668, 0.9);
 }
 
-.icon.mdi-folder, .icon.mdi-folder-open {
+.mdi-folder, .mdi-folder-open {
   @include recolor(#ffa500, 0.9);
 }
-.icon.mdi-file-music-outline {
+.mdi-file-music-outline {
   @include recolor(#3298dc, 0.9);
 }
-.icon.mdi-file-excel-outline {
+.mdi-file-excel-outline {
   @include recolor(#1E9F75, 0.9);
 }
-.icon.mdi-file-document-outline {
+.mdi-file-document-outline,
+.mdi-file-question-outline {
   @include recolor(#686868, 0.9);
 }
diff --git a/examples/webpack-demo-vanilla-bundle/src/examples/icons.ts b/examples/webpack-demo-vanilla-bundle/src/examples/icons.ts
@@ -115,18 +115,28 @@ export class Icons {
       '.mdi.mdi-drag-vertical',
       '.mdi.mdi-eye-off-outline',
       '.mdi.mdi-eye-outline',
+      '.mdi.mdi-file',
+      '.mdi.mdi-file-alert',
+      '.mdi.mdi-file-alert-outline',
       '.mdi.mdi-file-cad',
       '.mdi.mdi-file-check',
       '.mdi.mdi-file-check-outline',
       '.mdi.mdi-file-document-outline',
       '.mdi.mdi-file-excel-outline',
       '.mdi.mdi-file-move',
       '.mdi.mdi-file-move-outline',
+      '.mdi.mdi-file-multiple',
+      '.mdi.mdi-file-multiple-outline',
       '.mdi.mdi-file-music-outline',
+      '.mdi.mdi-file-outline',
       '.mdi.mdi-file-pdf-outline',
+      '.mdi.mdi-file-question',
+      '.mdi.mdi-file-question-outline',
       '.mdi.mdi-file-search-outline',
       '.mdi.mdi-file-send',
       '.mdi.mdi-file-send-outline',
+      '.mdi.mdi-file-tree',
+      '.mdi.mdi-file-tree-outline',
       '.mdi.mdi-file-upload',
       '.mdi.mdi-file-upload-outline',
       '.mdi.mdi-filter',

diff --git a/packages/common/src/styles/material-svg-icons.scss b/packages/common/src/styles/material-svg-icons.scss
@@ -451,6 +451,21 @@ $icon-height: $icon-width;
   "M12,9A3,3 0 0,1 15,12A3,3 0 0,1 12,15A3,3 0 0,1 9,12A3,3 0 0,1 12,9M12,4.5C17,4.5 21.27,7.61 23,12C21.27,16.39 17,19.5 12,19.5C7,19.5 2.73,16.39 1,12C2.73,7.61 7,4.5 12,4.5M3.18,12C4.83,15.36 8.24,17.5 12,17.5C15.76,17.5 19.17,15.36 20.82,12C19.17,8.64 15.76,6.5 12,6.5C8.24,6.5 4.83,8.64 3.18,12Z",
   encodecolor($icon-color), $icon-height, $icon-width, inline-block);
 
+@include loadsvg(
+  ".mdi.mdi-file",
+  "M13,9V3.5L18.5,9M6,2C4.89,2 4,2.89 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2H6Z",
+  encodecolor($icon-color), $icon-height, $icon-width, inline-block);
+
+@include loadsvg(
+  ".mdi.mdi-file-alert",
+  "M14 2H6C4.9 2 4 2.9 4 4V20C4 21.1 4.9 22 6 22H18C19.1 22 20 21.1 20 20V8L14 2M9 19H7V17H9M9 15H7V9H9M13 9V3.5L18.5 9H13Z",
+  encodecolor($icon-color), $icon-height, $icon-width, inline-block);
+
+@include loadsvg(
+  ".mdi.mdi-file-alert-outline",
+  "M10 18H8V16H10V18M10 14H8V8H10V14M14 2H6C4.9 2 4 2.9 4 4V20C4 21.1 4.9 22 6 22H18C19.1 22 20 21.1 20 20V8L14 2M18 20H6V4H13V9H18V20Z",
+  encodecolor($icon-color), $icon-height, $icon-width, inline-block);
+
 @include loadsvg(
   ".mdi.mdi-file-cad",
   "M6 2C4.9 2 4 2.9 4 4V20C4 21.1 4.9 22 6 22H18C19.1 22 20 21.1 20 20V8L14 2M13 3.5L18.5 9H13M9.88 9.25H11.12V10.19C11.81 10.18 12.38 10.75 12.38 11.44V13.5L12.26 13.63L13.15 15.17C13.47 14.67 13.63 14.09 13.62 13.5H14.88C14.88 14.54 14.5 15.55 13.83 16.35L15.5 19.25V20.5L14.42 19.88L12.87 17.19C12.17 17.65 11.34 17.89 10.5 17.89C9.66 17.89 8.84 17.65 8.13 17.19L6.58 19.88L5.5 20.5V19.25L8.74 13.63L8.62 13.5V11.44C8.62 10.75 9.19 10.18 9.88 10.19M10.5 11.44C9.81 11.44 9.46 12.28 9.95 12.77C10.44 13.26 11.28 12.92 11.28 12.22C11.28 11.79 10.93 11.44 10.5 11.44M9.66 14.54L8.76 16.11C9.81 16.82 11.19 16.82 12.24 16.11L11.34 14.54C10.87 15 10.13 15 9.66 14.54Z",
@@ -486,16 +501,41 @@ $icon-height: $icon-width;
   "M14 2H6C4.9 2 4 2.9 4 4V20C4 20.41 4.12 20.8 4.34 21.12C4.41 21.23 4.5 21.33 4.59 21.41C4.95 21.78 5.45 22 6 22H13.53C13 21.42 12.61 20.75 12.35 20H6V4H13V9H18V12C18.7 12 19.37 12.12 20 12.34V8L14 2M18 23L23 18.5L20 15.8L18 14V17H14V20H18V23Z",
   encodecolor($icon-color), $icon-height, $icon-width, inline-block);
 
+@include loadsvg(
+  ".mdi.mdi-file-multiple",
+  "M15,7H20.5L15,1.5V7M8,0H16L22,6V18A2,2 0 0,1 20,20H8C6.89,20 6,19.1 6,18V2A2,2 0 0,1 8,0M4,4V22H20V24H4A2,2 0 0,1 2,22V4H4Z",
+  encodecolor($icon-color), $icon-height, $icon-width, inline-block);
+
+@include loadsvg(
+  ".mdi.mdi-file-multiple-outline",
+  "M16 0H8C6.9 0 6 .9 6 2V18C6 19.1 6.9 20 8 20H20C21.1 20 22 19.1 22 18V6L16 0M20 18H8V2H15V7H20V18M4 4V22H20V24H4C2.9 24 2 23.1 2 22V4H4Z",
+  encodecolor($icon-color), $icon-height, $icon-width, inline-block);
+
 @include loadsvg(
   ".mdi.mdi-file-music-outline",
   "M14,2L20,8V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V4A2,2 0 0,1 6,2H14M18,20V9H13V4H6V20H18M13,10V12H11V17A2,2 0 0,1 9,19A2,2 0 0,1 7,17A2,2 0 0,1 9,15C9.4,15 9.7,15.1 10,15.3V10H13Z",
   encodecolor($icon-color), $icon-height, $icon-width, inline-block);
 
+@include loadsvg(
+  ".mdi.mdi-file-outline",
+  "M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M18,20H6V4H13V9H18V20Z",
+  encodecolor($icon-color), $icon-height, $icon-width, inline-block);
+
 @include loadsvg(
   ".mdi.mdi-file-pdf-outline",
   "M14,2L20,8V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V4A2,2 0 0,1 6,2H14M18,20V9H13V4H6V20H18M10.92,12.31C10.68,11.54 10.15,9.08 11.55,9.04C12.95,9 12.03,12.16 12.03,12.16C12.42,13.65 14.05,14.72 14.05,14.72C14.55,14.57 17.4,14.24 17,15.72C16.57,17.2 13.5,15.81 13.5,15.81C11.55,15.95 10.09,16.47 10.09,16.47C8.96,18.58 7.64,19.5 7.1,18.61C6.43,17.5 9.23,16.07 9.23,16.07C10.68,13.72 10.9,12.35 10.92,12.31M11.57,13.15C11.17,14.45 10.37,15.84 10.37,15.84C11.22,15.5 13.08,15.11 13.08,15.11C11.94,14.11 11.59,13.16 11.57,13.15M14.71,15.32C14.71,15.32 16.46,15.97 16.5,15.71C16.57,15.44 15.17,15.2 14.71,15.32M9.05,16.81C8.28,17.11 7.54,18.39 7.72,18.39C7.9,18.4 8.63,17.79 9.05,16.81M11.57,11.26C11.57,11.21 12,9.58 11.57,9.53C11.27,9.5 11.56,11.22 11.57,11.26Z",
   encodecolor($icon-color), $icon-height, $icon-width, inline-block);
 
+@include loadsvg(
+  ".mdi.mdi-file-question",
+  "M6,2C4.89,2 4,2.89 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2H6M13,3.5L18.5,9H13V3.5M12,11A3,3 0 0,1 15,14C15,15.88 12.75,16.06 12.75,17.75H11.25C11.25,15.31 13.5,15.5 13.5,14A1.5,1.5 0 0,0 12,12.5A1.5,1.5 0 0,0 10.5,14H9A3,3 0 0,1 12,11M11.25,18.5H12.75V20H11.25V18.5Z",
+  encodecolor($icon-color), $icon-height, $icon-width, inline-block);
+
+@include loadsvg(
+  ".mdi.mdi-file-question-outline",
+  "M14 2H6C4.89 2 4 2.9 4 4V20C4 21.11 4.89 22 6 22H18C19.11 22 20 21.11 20 20V8L14 2M18 20H6V4H13V9H18V20M15 13C15 14.89 12.75 15.07 12.75 16.76H11.25C11.25 14.32 13.5 14.5 13.5 13C13.5 12.18 12.83 11.5 12 11.5S10.5 12.18 10.5 13H9C9 11.35 10.34 10 12 10S15 11.35 15 13M12.75 17.5V19H11.25V17.5H12.75Z",
+  encodecolor($icon-color), $icon-height, $icon-width, inline-block);
+
 @include loadsvg(
   ".mdi.mdi-file-search-outline",
   "M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H13C12.59,21.75 12.2,21.44 11.86,21.1C11.53,20.77 11.25,20.4 11,20H6V4H13V9H18V10.18C18.71,10.34 19.39,10.61 20,11V8L14,2M20.31,18.9C21.64,16.79 21,14 18.91,12.68C16.8,11.35 14,12 12.69,14.08C11.35,16.19 12,18.97 14.09,20.3C15.55,21.23 17.41,21.23 18.88,20.32L22,23.39L23.39,22L20.31,18.9M16.5,19A2.5,2.5 0 0,1 14,16.5A2.5,2.5 0 0,1 16.5,14A2.5,2.5 0 0,1 19,16.5A2.5,2.5 0 0,1 16.5,19Z",
@@ -511,6 +551,16 @@ $icon-height: $icon-width;
   "M14 2H6C4.89 2 4 2.9 4 4V20C4 21.11 4.89 22 6 22H18C19.11 22 20 21.11 20 20V8L14 2M18 20H6V4H13V9H18V20M12.54 18.5V16.5H8.54V14.5H12.54V12.5L15.54 15.5L12.54 18.5Z",
   encodecolor($icon-color), $icon-height, $icon-width, inline-block);
 
+@include loadsvg(
+  ".mdi.mdi-file-tree",
+  "M3,3H9V7H3V3M15,10H21V14H15V10M15,17H21V21H15V17M13,13H7V18H13V20H7L5,20V9H7V11H13V13Z",
+  encodecolor($icon-color), $icon-height, $icon-width, inline-block);
+
+@include loadsvg(
+  ".mdi.mdi-file-tree-outline",
+  "M12 13H7V18H12V20H5V10H7V11H12V13M8 4V6H4V4H8M10 2H2V8H10V2M20 11V13H16V11H20M22 9H14V15H22V9M20 18V20H16V18H20M22 16H14V22H22V16Z",
+  encodecolor($icon-color), $icon-height, $icon-width, inline-block);
+
 @include loadsvg(
   ".mdi.mdi-file-upload",
   "M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M13.5,16V19H10.5V16H8L12,12L16,16H13.5M13,9V3.5L18.5,9H13Z",