diff --git a/node_modules/material-icons/css/material-icons.scss b/node_modules/material-icons/css/material-icons.scss
index a39bcac..1768adc 100644
--- a/node_modules/material-icons/css/material-icons.scss
+++ b/node_modules/material-icons/css/material-icons.scss
@@ -1,12 +1,29 @@
-@import '../iconfont/variables';
-@import '../iconfont/mixins';
+@import 'variables';
+@import 'mixins';
 
-$material-icons-css-prefix: 'mi' !default;
-$material-icons-css-search: '_' !default;
-$material-icons-css-replace: '-' !default;
+@each $font-family
+  in (
+    'Material Icons',
+    'Material Icons Outlined',
+    'Material Icons Round',
+    'Material Icons Sharp',
+    'Material Icons Two Tone'
+  )
+{
+  $full-class-name: to-lower-case($font-family);
+  $full-class-name: material-icons-str-replace($full-class-name, ' ', '-');
+  $class-name: material-icons-str-replace(
+    $full-class-name,
+    'material-icons',
+    $material-icons-css-prefix
+  );
 
-.#{$material-icons-css-prefix} {
-  @include material-icons();
+  /**
+   * @deprecated Use .#{$full-class-name} instead of .#{$class-name}
+   */
+  .#{$class-name} {
+    @include material-icons-font-class($font-family);
+  }
 }
 
 @each $name, $codepoint in $material-icons-codepoints {