material-symbols-class 0.34.1 → 0.35.1

package/README.md

@@ -1,6 +1,11 @@
 # [material-symbols-class](https://github.com/joelcorrales/material-symbols-class)
 
-This is a package that uses [material-symbols](https://github.com/marella/material-symbols/tree/main/material-symbols) to provide a way of using the icons just with classes.
+This package builds on [material-symbols](https://github.com/marella/material-symbols/tree/main/material-symbols) and allows you to use icons directly through CSS classes.
+It also provides additional utilities and variations such as `fill`, `grade`, `optical-size`, `weight`, `spin`, and `fix`(consistent width), all applied via classes.
+
+You can explore the [Homepage](https://joelcorrales.github.io/material-symbols-class/) to browse available icons and preview different utility classes in action.
+
+The library stays up to date automatically with the latest changes from the source repository.
 
 - [Installation](#installation)
 - [Usage](#usage)

package/index.css

@@ -27,8 +27,10 @@
 
 .msc,
 .msc-o,
-.msc-outlined {
+.msc-outlined,
+.material-symbols-outlined {
   font-size: 1.5em;
+  font-variation-settings: "FILL" var(--fill, 0), "wght" var(--wght, 400), "GRAD" var(--grad, 0), "opsz" var(--opsz, 24);
 }
 
 @font-face {
@@ -58,8 +60,10 @@
 }
 
 .msc-r,
-.msc-rounded {
+.msc-rounded,
+.material-symbols-rounded {
   font-size: 1.5em;
+  font-variation-settings: "FILL" var(--fill, 0), "wght" var(--wght, 400), "GRAD" var(--grad, 0), "opsz" var(--opsz, 24);
 }
 
 @font-face {
@@ -89,6 +93,8 @@
 }
 
 .msc-s,
-.msc-sharp {
+.msc-sharp,
+.material-symbols-sharp {
   font-size: 1.5em;
+  font-variation-settings: "FILL" var(--fill, 0), "wght" var(--wght, 400), "GRAD" var(--grad, 0), "opsz" var(--opsz, 24);
 }

package/index.min.css

@@ -1 +1 @@
-@font-face{font-family:"Material Symbols Outlined";font-style:normal;font-weight:100 700;font-display:block;src:url("./material-symbols-outlined.woff2") format("woff2")}.material-symbols-outlined,.msc,.msc-o,.msc-outlined{font-family:"Material Symbols Outlined";font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}.msc,.msc-o,.msc-outlined{font-size:1.5em}@font-face{font-family:"Material Symbols Rounded";font-style:normal;font-weight:100 700;font-display:block;src:url("./material-symbols-rounded.woff2") format("woff2")}.material-symbols-rounded,.msc-r,.msc-rounded{font-family:"Material Symbols Rounded";font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}.msc-r,.msc-rounded{font-size:1.5em}@font-face{font-family:"Material Symbols Sharp";font-style:normal;font-weight:100 700;font-display:block;src:url("./material-symbols-sharp.woff2") format("woff2")}.material-symbols-sharp,.msc-s,.msc-sharp{font-family:"Material Symbols Sharp";font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}.msc-s,.msc-sharp{font-size:1.5em}
+@font-face{font-family:"Material Symbols Outlined";font-style:normal;font-weight:100 700;font-display:block;src:url("./material-symbols-outlined.woff2") format("woff2")}.material-symbols-outlined,.msc,.msc-o,.msc-outlined{font-family:"Material Symbols Outlined";font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}.msc,.msc-o,.msc-outlined,.material-symbols-outlined{font-size:1.5em;font-variation-settings:"FILL" var(--fill, 0),"wght" var(--wght, 400),"GRAD" var(--grad, 0),"opsz" var(--opsz, 24)}@font-face{font-family:"Material Symbols Rounded";font-style:normal;font-weight:100 700;font-display:block;src:url("./material-symbols-rounded.woff2") format("woff2")}.material-symbols-rounded,.msc-r,.msc-rounded{font-family:"Material Symbols Rounded";font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}.msc-r,.msc-rounded,.material-symbols-rounded{font-size:1.5em;font-variation-settings:"FILL" var(--fill, 0),"wght" var(--wght, 400),"GRAD" var(--grad, 0),"opsz" var(--opsz, 24)}@font-face{font-family:"Material Symbols Sharp";font-style:normal;font-weight:100 700;font-display:block;src:url("./material-symbols-sharp.woff2") format("woff2")}.material-symbols-sharp,.msc-s,.msc-sharp{font-family:"Material Symbols Sharp";font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}.msc-s,.msc-sharp,.material-symbols-sharp{font-size:1.5em;font-variation-settings:"FILL" var(--fill, 0),"wght" var(--wght, 400),"GRAD" var(--grad, 0),"opsz" var(--opsz, 24)}

package/material-symbols.css

@@ -2718,6 +2718,10 @@
   content: "chat_bubble";
 }
 
+.msc-chat_dashed:after {
+  content: "chat_dashed";
+}
+
 .msc-chat_error:after {
   content: "chat_error";
 }
@@ -4954,6 +4958,10 @@
   content: "familiar_face_and_zone";
 }
 
+.msc-family_group:after {
+  content: "family_group";
+}
+
 .msc-family_history:after {
   content: "family_history";
 }
@@ -5302,6 +5310,10 @@
   content: "fitness_tracker";
 }
 
+.msc-fitness_trackers:after {
+  content: "fitness_trackers";
+}
+
 .msc-flag:after {
   content: "flag";
 }
@@ -5830,6 +5842,14 @@
   content: "fragrance";
 }
 
+.msc-frame_bug:after {
+  content: "frame_bug";
+}
+
+.msc-frame_exclamation:after {
+  content: "frame_exclamation";
+}
+
 .msc-frame_inspect:after {
   content: "frame_inspect";
 }
@@ -7862,6 +7882,10 @@
   content: "mail";
 }
 
+.msc-mail_asterisk:after {
+  content: "mail_asterisk";
+}
+
 .msc-mail_lock:after {
   content: "mail_lock";
 }
@@ -8390,6 +8414,10 @@
   content: "mobile_text_2";
 }
 
+.msc-mobile_theft:after {
+  content: "mobile_theft";
+}
+
 .msc-mobile_ticket:after {
   content: "mobile_ticket";
 }
@@ -11806,10 +11834,6 @@
   content: "sign_language";
 }
 
-.msc-sign_language_2:after {
-  content: "sign_language_2";
-}
-
 .msc-signal_cellular_0_bar:after {
   content: "signal_cellular_0_bar";
 }