Replaced svg with icon font

components/layout/history.vue

@@ -77,7 +77,7 @@
                   :aria-label="$t('delete')"
                   v-close-popover
                 >
-                  <deleteIcon class="material-icons" />
+                  <i class="material-icons">delete</i>
                   <span>{{ $t("delete") }}</span>
                 </button>
               </div>
@@ -219,7 +219,7 @@
             @click="disableHistoryClearing"
             v-tooltip="$t('no')"
           >
-            <closeIcon class="material-icons" />
+            <i class="material-icons">close</i>
           </button>
         </div>
       </div>
@@ -274,17 +274,11 @@ ol {
 <script>
 import findStatusGroup from "~/helpers/findStatusGroup"
 import { fb } from "~/helpers/fb"
-import closeIcon from "~/static/icons/close-24px.svg?inline"
-import deleteIcon from "~/static/icons/delete-24px.svg?inline"
 
 const updateOnLocalStorage = (propertyName, property) =>
   window.localStorage.setItem(propertyName, JSON.stringify(property))
 
 export default {
-  components: {
-    closeIcon,
-    deleteIcon,
-  },
   data() {
     return {
       history:

components/layout/pw-header.vue

@@ -132,7 +132,7 @@
               <h3 class="title">{{ $t("extensions") }}</h3>
               <div>
                 <button class="icon" @click="showExtensions = false">
-                  <closeIcon class="material-icons" />
+                  <i class="material-icons">close</i>
                 </button>
               </div>
             </div>
@@ -192,7 +192,7 @@
               <h3 class="title">{{ $t("shortcuts") }}</h3>
               <div>
                 <button class="icon" @click="showShortcuts = false">
-                  <closeIcon class="material-icons" />
+                  <i class="material-icons">close</i>
                 </button>
               </div>
             </div>
@@ -262,7 +262,7 @@
               <h3 class="title">{{ $t("support_us") }}</h3>
               <div>
                 <button class="icon" @click="showSupport = false">
-                  <closeIcon class="material-icons" />
+                  <i class="material-icons">close</i>
                 </button>
               </div>
             </div>
@@ -323,12 +323,8 @@ import {
 } from "~/helpers/strategies/ExtensionStrategy"
 import { getPlatformSpecialKey } from "~/helpers/platformutils"
 import { fb } from "~/helpers/fb"
-import closeIcon from "~/static/icons/close-24px.svg?inline"
 
 export default {
-  components: {
-    closeIcon,
-  },
   data() {
     return {
       // Once the PWA code is initialized, this holds a method

components/layout/sidenav.vue

@@ -64,7 +64,7 @@
         <ul>
           <li>
             <a href="#request" v-tooltip.right="$t('request')">
-              <cloudUploadIcon class="material-icons" />
+              <i class="material-icons">cloud_upload</i>
             </a>
           </li>
           <li>
@@ -85,7 +85,7 @@
         <ul>
           <li>
             <a href="#request" v-tooltip.right="$t('request')">
-              <cloudUploadIcon class="material-icons" />
+              <i class="material-icons">cloud_upload</i>
             </a>
           </li>
           <li>
@@ -111,7 +111,7 @@
           </li>
           <li>
             <a href="#query" v-tooltip.right="$t('query')">
-              <cloudUploadIcon class="material-icons" />
+              <i class="material-icons">cloud_upload</i>
             </a>
           </li>
           <li>
@@ -127,7 +127,7 @@
         <ul>
           <li>
             <a href="#import" v-tooltip.right="$t('import')">
-              <folderIcon class="material-icons" />
+              <i class="material-icons">folder</i>
             </a>
           </li>
           <li>
@@ -328,14 +328,7 @@ nav.secondary-nav {
 </style>
 
 <script>
-import cloudUploadIcon from "~/static/icons/cloud_upload-24px.svg?inline"
-import folderIcon from "~/static/icons/folder-24px.svg?inline"
-
 export default {
-  components: {
-    cloudUploadIcon,
-    folderIcon,
-  },
   methods: {
     linkActive(path) {
       return {