diff --git a/frontend/package.json b/frontend/package.json
index c8599e2..7fbcb84 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -28,7 +28,7 @@
     "vitest": "^0.27.0"
   },
   "dependencies": {
-    "@iconify/vue": "^3.2.1",
+    "@iconify/vue": "^4.0.0",
     "@nuxtjs/tailwindcss": "^6.1.3",
     "@pinia/nuxt": "^0.4.1",
     "@tailwindcss/aspect-ratio": "^0.4.0",
diff --git a/frontend/pnpm-lock.yaml b/frontend/pnpm-lock.yaml
index 5174fd3..5a8c926 100644
--- a/frontend/pnpm-lock.yaml
+++ b/frontend/pnpm-lock.yaml
@@ -2,7 +2,7 @@ lockfileVersion: 5.4
 
 specifiers:
   '@faker-js/faker': ^7.5.0
-  '@iconify/vue': ^3.2.1
+  '@iconify/vue': ^4.0.0
   '@nuxtjs/eslint-config-typescript': ^12.0.0
   '@nuxtjs/tailwindcss': ^6.1.3
   '@pinia/nuxt': ^0.4.1
@@ -36,7 +36,7 @@ specifiers:
   vue-router: '4'
 
 dependencies:
-  '@iconify/vue': 3.2.1_vue@3.2.45
+  '@iconify/vue': 4.0.2_vue@3.2.45
   '@nuxtjs/tailwindcss': 6.1.3
   '@pinia/nuxt': 0.4.6_prq2uz4lho2pwp6irk4cfkrxwu
   '@tailwindcss/aspect-ratio': 0.4.2_tailwindcss@3.2.4
@@ -409,11 +409,16 @@ packages:
   /@humanwhocodes/object-schema/1.2.1:
     resolution: {integrity: sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==}
 
-  /@iconify/vue/3.2.1_vue@3.2.45:
-    resolution: {integrity: sha512-c4R6ZgFo1JrJ8aPMMgOPgfU7lBswihMGR+yWe/P4ZukC3kTkeT4+lkt9Pc/itVFMkwva/S/7u9YofmYv57fnNQ==}
+  /@iconify/types/2.0.0:
+    resolution: {integrity: sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==}
+    dev: false
+
+  /@iconify/vue/4.0.2_vue@3.2.45:
+    resolution: {integrity: sha512-LRp+mYh8N0bcX4lustHtI5o1aEoio9HN3/19uIzVOvI78qopKBjzsDK5hkEZYDSc6+LKG8hfLxTxpW8CejXGZg==}
     peerDependencies:
-      vue: 3.x
+      vue: '>=3'
     dependencies:
+      '@iconify/types': 2.0.0
       vue: 3.2.45
     dev: false