Replaced svg with icon font

components/firebase/feeds.vue

@@ -12,7 +12,7 @@
           </label>
         </li>
         <button class="icon" @click="deleteFeed(feed)">
-          <deleteIcon class="material-icons" />
+          <i class="material-icons">delete</i>
         </button>
       </div>
       <div class="show-on-large-screen">
@@ -44,10 +44,8 @@
 
 <script>
 import { fb } from "~/helpers/fb"
-import deleteIcon from "~/static/icons/delete-24px.svg?inline"
 
 export default {
-  components: { deleteIcon },
   data() {
     return {
       fb,

components/firebase/inputform.vue

@@ -30,7 +30,7 @@
           value="Save"
           @click="formPost"
         >
-          <addIcon class="material-icons" />
+          <i class="material-icons">add</i>
           <span>Add</span>
         </button>
       </div>
@@ -40,10 +40,8 @@
 
 <script>
 import { fb } from "~/helpers/fb"
-import addIcon from "~/static/icons/add-24px.svg?inline"
 
 export default {
-  components: { addIcon },
   data() {
     return {
       message: null,

components/firebase/logout.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <button class="icon" @click="logout" v-close-popover>
-      <exitToAppIcon class="material-icons" />
+      <i class="material-icons">exit_to_app</i>
       <span>{{ $t("logout") }}</span>
     </button>
   </div>
@@ -9,10 +9,8 @@
 
 <script>
 import { fb } from "~/helpers/fb"
-import exitToAppIcon from "~/static/icons/exit_to_app-24px.svg?inline"
 
 export default {
-  components: { exitToAppIcon },
   data() {
     return {
       fb,