diff --git a/frontend/renderer/plugins/vuetify.ts b/frontend/renderer/plugins/vuetify.ts
index b983d5e55..21e20d429 100644
--- a/frontend/renderer/plugins/vuetify.ts
+++ b/frontend/renderer/plugins/vuetify.ts
@@ -3,9 +3,18 @@ import '@mdi/font/css/materialdesignicons.css'
 // eslint-disable-next-line import/no-unassigned-import
 import 'vuetify/styles'
 import { I18n, useI18n } from 'vue-i18n'
-import { createVuetify } from 'vuetify'
+import { createVuetify, IconAliases } from 'vuetify'
+import { aliases } from 'vuetify/iconsets/mdi-svg'
 import { createVueI18nAdapter } from 'vuetify/locale/adapters/vue-i18n'
 
+import CustomIcon from '#assets/icons/svgComponents/glass.vue'
+
+const aliasesCustom: IconAliases = {
+  ...aliases,
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+  glass: CustomIcon,
+}
+
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export default (i18n: I18n<any, NonNullable<unknown>, NonNullable<unknown>, string, false>) =>
   createVuetify({
@@ -13,4 +22,7 @@ export default (i18n: I18n<any, NonNullable<unknown>, NonNullable<unknown>, stri
       adapter: createVueI18nAdapter({ i18n, useI18n }),
     },
     ssr: true,
+    icons: {
+      aliases: aliasesCustom,
+    },
   })