use local fonts

src/lib/fonts/material-symbols-rounded.scss

@@ -0,0 +1,33 @@
+/* fallback */
+@font-face {
+  font-family: "Material Symbols Rounded";
+  font-weight: 100 700;
+  font-style: normal;
+  src: url("@fontsource-variable/material-symbols-rounded/files/material-symbols-rounded-latin-full-normal.woff2")
+    format("woff2");
+}
+
+.icon {
+  user-select: none;
+
+  direction: ltr;
+  display: inline-block;
+
+  /* stylelint-disable-next-line */
+  font-family: "Material Symbols Rounded";
+  font-size: 24px;
+  font-feature-settings: "liga";
+  font-variation-settings: "FILL" var(--icon-fill, 0), "wght" var(--icon-weigth, 400), "GRAD"
+    var(--icon-grade, 0);
+  font-weight: normal;
+  font-style: normal;
+  line-height: 1;
+  text-transform: none;
+  letter-spacing: normal;
+  word-wrap: normal;
+  white-space: nowrap;
+
+  transition: font-variation-settings 250ms ease;
+
+  -moz-osx-font-smoothing: grayscale;
+}