feat: material-design-icons

package-lock.json

@@ -7642,6 +7642,11 @@
         "object-visit": "1.0.1"
       }
     },
+    "material-design-icons": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/material-design-icons/-/material-design-icons-3.0.1.tgz",
+      "integrity": "sha1-mnHEh0chjrylHlGmbaaCA4zct78="
+    },
     "materialize-css": {
       "version": "0.100.2",
       "resolved": "https://registry.npmjs.org/materialize-css/-/materialize-css-0.100.2.tgz",

package.json

@@ -40,6 +40,7 @@
     "jquery-slimscroll": "^1.3.8",
     "jquery-sparkline": "^2.4.0",
     "jvectormap": "1.2.2",
+    "material-design-icons": "^3.0.1",
     "materialize-css": "^0.100.2",
     "metismenu": "^2.5.0",
     "mstsc.js": "^0.2.4",

src/sass/style.scss

@@ -24,3 +24,44 @@ $asset-path: '../static/imgs/inspinia';
 @import '~@swimlane/ngx-datatable/release/index.css';
 @import '~@swimlane/ngx-datatable/release/themes/material.css';
 @import '~@swimlane/ngx-datatable/release/assets/icons.css';
+
+
+
+$material-design-icons-font-path: '~/material-design-icons/iconfont/';
+//@import "~material-design-icons/iconfont/material-icons";
+@font-face {
+  font-family: 'Material Icons';
+  font-style: normal;
+  font-weight: 400;
+  src: url('#{$material-design-icons-font-path}/MaterialIcons-Regular.eot'); /* For IE6-8 */
+  src: local('Material Icons'),
+  local('MaterialIcons-Regular'),
+  url('#{$material-design-icons-font-path}/MaterialIcons-Regular.woff2') format('woff2'),
+  url('#{$material-design-icons-font-path}/MaterialIcons-Regular.woff') format('woff'),
+  url('#{$material-design-icons-font-path}/MaterialIcons-Regular.ttf') format('truetype');
+}
+
+.material-icons {
+  font-family: 'Material Icons';
+  font-weight: normal;
+  font-style: normal;
+  font-size: 24px; /* Preferred icon size */
+  display: inline-block;
+  line-height: 1;
+  text-transform: none;
+  letter-spacing: normal;
+  word-wrap: normal;
+  white-space: nowrap;
+  direction: ltr;
+
+  /* Support for all WebKit browsers. */
+  -webkit-font-smoothing: antialiased;
+  /* Support for Safari and Chrome. */
+  text-rendering: optimizeLegibility;
+
+  /* Support for Firefox. */
+  -moz-osx-font-smoothing: grayscale;
+
+  /* Support for IE. */
+  font-feature-settings: 'liga';
+}