fix(icon): update to use material icons outline (#2160)

* Remove local Material Icons font file.
* Add import of the outlined material symbols file.

Closes CCP-6042

libs/angular/common/styles/font/_font.scss

@@ -1,41 +1,7 @@
 $mat-font-url: 'styles/font/' !default;
 
 @mixin covalent-material-icons() {
-  @font-face {
-    font-family: 'Material Icons';
-    font-style: normal;
-    font-weight: 400;
-    src: url($mat-font-url + 'MaterialIcons-Regular-v48.woff2') format('woff2');
-  }
-
-  .material-icons {
-    /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
-    font-family: 'Material Icons';
-    font-weight: normal;
-    font-style: normal;
-    font-size: 24px; /* Preferred icon size */
-    display: inline-block;
-    width: 1em;
-    height: 1em;
-    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';
-  }
+  @import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200&display=block');
 
   // Ensure our size prevails over material
   mat-icon.material-icons {