Introduce component wrapper for svg icons

components/firebase/logout.vue

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