fix(core): update

ts_web/elements/dees-icon.ts

@@ -12,7 +12,6 @@ import {
   faTwitter,
   faInstagram,
   faTiktok,
-
 } from '@fortawesome/free-brands-svg-icons';
 
 import {} from '@fortawesome/free-regular-svg-icons';
@@ -94,33 +93,29 @@ export class DeesIcon extends DeesElement {
           display: inline-block;
           height: ${this.svgSize}px;
         }
-        .material-icons {
-          font-family: 'Material Icons';
+        .material-symbols-outlined {
+          font-family: 'Material Symbols Outlined';
           font-weight: normal;
           font-style: normal;
           line-height: inherit;
-          font-size: inherit;
+          font-size: inherit; /* Preferred icon size */
           display: inline-block;
-          line-height: inherit;
           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';
         }
       </style>
-      ${this.iconName ? html`<i class="material-icons">${this.iconName}</i>` : html``}
+      ${this.iconName
+        ? html`
+          <i 
+            class="material-symbols-outlined"
+            style="font-variation-settings: 'FILL' 1, 'wght' 700, 'GRAD' 0, 'opsz' 48;"
+          >
+            ${this.iconName}
+          </i>`
+        : html``}
       ${this.brandName ? html`<div id="iconContainer"></div>` : html``}
     `;
   }