diff --git a/package-lock.json b/package-lock.json
index 53ded6b..489436a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,7 +8,6 @@
       "name": "traportfolio",
       "version": "0.0.0",
       "dependencies": {
-        "@iconify/iconify": "^3.1.1",
         "axios": "^1.7.2",
         "pinia": "^2.1.7",
         "ress": "^5.0.2",
@@ -16,7 +15,7 @@
         "vue-router": "^4.4.0"
       },
       "devDependencies": {
-        "@iconify/json": "^2.2.223",
+        "@iconify/vue": "^4.1.2",
         "@stoplight/prism-cli": "^5.8.1",
         "@typescript-eslint/eslint-plugin": "^7.8.0",
         "@typescript-eslint/parser": "^7.8.0",
@@ -33,7 +32,6 @@
         "ts-morph": "^23.0.0",
         "typescript": "^5.5.2",
         "vite": "^5.3.2",
-        "vite-plugin-purge-icons": "^0.10.0",
         "vue-tsc": "^2.0.24"
       }
     },
@@ -558,32 +556,27 @@
       "integrity": "sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==",
       "dev": true
     },
-    "node_modules/@iconify/iconify": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/@iconify/iconify/-/iconify-3.1.1.tgz",
-      "integrity": "sha512-1nemfyD/OJzh9ALepH7YfuuP8BdEB24Skhd8DXWh0hzcOxImbb1ZizSZkpCzAwSZSGcJFmscIBaBQu+yLyWaxQ==",
+    "node_modules/@iconify/types": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@iconify/types/-/types-2.0.0.tgz",
+      "integrity": "sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==",
+      "dev": true
+    },
+    "node_modules/@iconify/vue": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/@iconify/vue/-/vue-4.1.2.tgz",
+      "integrity": "sha512-CQnYqLiQD5LOAaXhBrmj1mdL2/NCJvwcC4jtW2Z8ukhThiFkLDkutarTOV2trfc9EXqUqRs0KqXOL9pZ/IyysA==",
+      "dev": true,
       "dependencies": {
         "@iconify/types": "^2.0.0"
       },
       "funding": {
         "url": "https://github.com/sponsors/cyberalien"
+      },
+      "peerDependencies": {
+        "vue": ">=3"
       }
     },
-    "node_modules/@iconify/json": {
-      "version": "2.2.223",
-      "resolved": "https://registry.npmjs.org/@iconify/json/-/json-2.2.223.tgz",
-      "integrity": "sha512-SKQnMyKVehUEYrKDEu/MIochMNFLAdNNGQOez0l6OEyVD6IDyM1vc8vGQFFFXcjHHadaRemxBScWqlimPuYyGA==",
-      "dev": true,
-      "dependencies": {
-        "@iconify/types": "*",
-        "pathe": "^1.1.2"
-      }
-    },
-    "node_modules/@iconify/types": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/@iconify/types/-/types-2.0.0.tgz",
-      "integrity": "sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg=="
-    },
     "node_modules/@isaacs/cliui": {
       "version": "8.0.2",
       "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
@@ -736,50 +729,6 @@
         "node": ">=14"
       }
     },
-    "node_modules/@purge-icons/core": {
-      "version": "0.10.0",
-      "resolved": "https://registry.npmjs.org/@purge-icons/core/-/core-0.10.0.tgz",
-      "integrity": "sha512-AtJbZv5Yy+vWX5v32DPTr+CW7AkSK8HJx52orDbrYt/9s4lGM2t4KKAmwaTQEH2HYr2HVh1mlqs54/S1s3WT1g==",
-      "dev": true,
-      "dependencies": {
-        "@iconify/iconify": "2.1.2",
-        "axios": "^0.26.1",
-        "debug": "^4.3.4",
-        "fast-glob": "^3.3.2",
-        "fs-extra": "^10.1.0"
-      }
-    },
-    "node_modules/@purge-icons/core/node_modules/@iconify/iconify": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/@iconify/iconify/-/iconify-2.1.2.tgz",
-      "integrity": "sha512-QcUzFeEWkE/mW+BVtEGmcWATClcCOIJFiYUD/PiCWuTcdEA297o8D4oN6Ra44WrNOHu1wqNW4J0ioaDIiqaFOQ==",
-      "deprecated": "no longer maintained, switch to modern iconify-icon web component",
-      "dev": true,
-      "dependencies": {
-        "cross-fetch": "^3.1.5"
-      },
-      "funding": {
-        "url": "http://github.com/sponsors/cyberalien"
-      }
-    },
-    "node_modules/@purge-icons/core/node_modules/axios": {
-      "version": "0.26.1",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-0.26.1.tgz",
-      "integrity": "sha512-fPwcX4EvnSHuInCMItEhAGnaSEXRBjtzh9fOtsE6E1G6p7vl7edEeZe11QHf18+6+9gR5PbKV/sGKNaD8YaMeA==",
-      "dev": true,
-      "dependencies": {
-        "follow-redirects": "^1.14.8"
-      }
-    },
-    "node_modules/@purge-icons/generated": {
-      "version": "0.10.0",
-      "resolved": "https://registry.npmjs.org/@purge-icons/generated/-/generated-0.10.0.tgz",
-      "integrity": "sha512-I+1yN7/yDy/eZzfhAZqKF8Z6FM8D/O1vempbPrHJ0m9HlZwvf8sWXOArPJ2qRQGB6mJUVSpaXkoGBuoz1GQX5A==",
-      "dev": true,
-      "dependencies": {
-        "@iconify/iconify": ">=3.1.1"
-      }
-    },
     "node_modules/@rollup/rollup-android-arm-eabi": {
       "version": "4.18.0",
       "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.18.0.tgz",
@@ -3562,20 +3511,6 @@
         "url": "https://github.com/sponsors/rawify"
       }
     },
-    "node_modules/fs-extra": {
-      "version": "10.1.0",
-      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz",
-      "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
-      "dev": true,
-      "dependencies": {
-        "graceful-fs": "^4.2.0",
-        "jsonfile": "^6.0.1",
-        "universalify": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
     "node_modules/fs.realpath": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
@@ -4036,18 +3971,6 @@
       "integrity": "sha512-o6/yDBYccGvTz1+QFevz6l6OBZ2+fMVu2JZ9CIhzsYRX4mjaK5IyX9eldUdCmga16zlgQxyrj5pt9kzuj2C02w==",
       "dev": true
     },
-    "node_modules/jsonfile": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz",
-      "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==",
-      "dev": true,
-      "dependencies": {
-        "universalify": "^2.0.0"
-      },
-      "optionalDependencies": {
-        "graceful-fs": "^4.1.6"
-      }
-    },
     "node_modules/jsonpath-plus": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/jsonpath-plus/-/jsonpath-plus-7.2.0.tgz",
@@ -4562,12 +4485,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/pathe": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/pathe/-/pathe-1.1.2.tgz",
-      "integrity": "sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ==",
-      "dev": true
-    },
     "node_modules/picocolors": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
@@ -5031,19 +4948,6 @@
         "fsevents": "~2.3.2"
       }
     },
-    "node_modules/rollup-plugin-purge-icons": {
-      "version": "0.10.0",
-      "resolved": "https://registry.npmjs.org/rollup-plugin-purge-icons/-/rollup-plugin-purge-icons-0.10.0.tgz",
-      "integrity": "sha512-GD2ftg4L9G/sagIhtCmBn5vdyzePOisniythubpbywP0Q3ix9rZuDeFvgXTPemOsc22pvH7t22ryYQIl0rwGog==",
-      "dev": true,
-      "dependencies": {
-        "@purge-icons/core": "^0.10.0",
-        "@purge-icons/generated": "^0.10.0"
-      },
-      "engines": {
-        "node": ">= 12"
-      }
-    },
     "node_modules/run-parallel": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
@@ -5463,15 +5367,6 @@
       "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==",
       "dev": true
     },
-    "node_modules/universalify": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz",
-      "integrity": "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==",
-      "dev": true,
-      "engines": {
-        "node": ">= 10.0.0"
-      }
-    },
     "node_modules/update-browserslist-db": {
       "version": "1.0.13",
       "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz",
@@ -5639,23 +5534,6 @@
         }
       }
     },
-    "node_modules/vite-plugin-purge-icons": {
-      "version": "0.10.0",
-      "resolved": "https://registry.npmjs.org/vite-plugin-purge-icons/-/vite-plugin-purge-icons-0.10.0.tgz",
-      "integrity": "sha512-4fMJKQuBu9lAPJWjqGEytRaxty1pP9bWgQLA68dwbbaCXu6NBrOUb/3kMaUc7TP09kerEk+qTriCk05OZXpjwA==",
-      "dev": true,
-      "dependencies": {
-        "@purge-icons/core": "^0.10.0",
-        "@purge-icons/generated": "^0.10.0",
-        "rollup-plugin-purge-icons": "^0.10.0"
-      },
-      "engines": {
-        "node": ">= 12"
-      },
-      "peerDependencies": {
-        "vite": ">=2"
-      }
-    },
     "node_modules/vscode-uri": {
       "version": "3.0.8",
       "resolved": "https://registry.npmjs.org/vscode-uri/-/vscode-uri-3.0.8.tgz",
@@ -6251,29 +6129,21 @@
       "integrity": "sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==",
       "dev": true
     },
-    "@iconify/iconify": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/@iconify/iconify/-/iconify-3.1.1.tgz",
-      "integrity": "sha512-1nemfyD/OJzh9ALepH7YfuuP8BdEB24Skhd8DXWh0hzcOxImbb1ZizSZkpCzAwSZSGcJFmscIBaBQu+yLyWaxQ==",
-      "requires": {
-        "@iconify/types": "^2.0.0"
-      }
+    "@iconify/types": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@iconify/types/-/types-2.0.0.tgz",
+      "integrity": "sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==",
+      "dev": true
     },
-    "@iconify/json": {
-      "version": "2.2.223",
-      "resolved": "https://registry.npmjs.org/@iconify/json/-/json-2.2.223.tgz",
-      "integrity": "sha512-SKQnMyKVehUEYrKDEu/MIochMNFLAdNNGQOez0l6OEyVD6IDyM1vc8vGQFFFXcjHHadaRemxBScWqlimPuYyGA==",
+    "@iconify/vue": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/@iconify/vue/-/vue-4.1.2.tgz",
+      "integrity": "sha512-CQnYqLiQD5LOAaXhBrmj1mdL2/NCJvwcC4jtW2Z8ukhThiFkLDkutarTOV2trfc9EXqUqRs0KqXOL9pZ/IyysA==",
       "dev": true,
       "requires": {
-        "@iconify/types": "*",
-        "pathe": "^1.1.2"
+        "@iconify/types": "^2.0.0"
       }
     },
-    "@iconify/types": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/@iconify/types/-/types-2.0.0.tgz",
-      "integrity": "sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg=="
-    },
     "@isaacs/cliui": {
       "version": "8.0.2",
       "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
@@ -6383,48 +6253,6 @@
       "dev": true,
       "optional": true
     },
-    "@purge-icons/core": {
-      "version": "0.10.0",
-      "resolved": "https://registry.npmjs.org/@purge-icons/core/-/core-0.10.0.tgz",
-      "integrity": "sha512-AtJbZv5Yy+vWX5v32DPTr+CW7AkSK8HJx52orDbrYt/9s4lGM2t4KKAmwaTQEH2HYr2HVh1mlqs54/S1s3WT1g==",
-      "dev": true,
-      "requires": {
-        "@iconify/iconify": "2.1.2",
-        "axios": "^0.26.1",
-        "debug": "^4.3.4",
-        "fast-glob": "^3.3.2",
-        "fs-extra": "^10.1.0"
-      },
-      "dependencies": {
-        "@iconify/iconify": {
-          "version": "2.1.2",
-          "resolved": "https://registry.npmjs.org/@iconify/iconify/-/iconify-2.1.2.tgz",
-          "integrity": "sha512-QcUzFeEWkE/mW+BVtEGmcWATClcCOIJFiYUD/PiCWuTcdEA297o8D4oN6Ra44WrNOHu1wqNW4J0ioaDIiqaFOQ==",
-          "dev": true,
-          "requires": {
-            "cross-fetch": "^3.1.5"
-          }
-        },
-        "axios": {
-          "version": "0.26.1",
-          "resolved": "https://registry.npmjs.org/axios/-/axios-0.26.1.tgz",
-          "integrity": "sha512-fPwcX4EvnSHuInCMItEhAGnaSEXRBjtzh9fOtsE6E1G6p7vl7edEeZe11QHf18+6+9gR5PbKV/sGKNaD8YaMeA==",
-          "dev": true,
-          "requires": {
-            "follow-redirects": "^1.14.8"
-          }
-        }
-      }
-    },
-    "@purge-icons/generated": {
-      "version": "0.10.0",
-      "resolved": "https://registry.npmjs.org/@purge-icons/generated/-/generated-0.10.0.tgz",
-      "integrity": "sha512-I+1yN7/yDy/eZzfhAZqKF8Z6FM8D/O1vempbPrHJ0m9HlZwvf8sWXOArPJ2qRQGB6mJUVSpaXkoGBuoz1GQX5A==",
-      "dev": true,
-      "requires": {
-        "@iconify/iconify": ">=3.1.1"
-      }
-    },
     "@rollup/rollup-android-arm-eabi": {
       "version": "4.18.0",
       "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.18.0.tgz",
@@ -8422,17 +8250,6 @@
       "integrity": "sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==",
       "dev": true
     },
-    "fs-extra": {
-      "version": "10.1.0",
-      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz",
-      "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
-      "dev": true,
-      "requires": {
-        "graceful-fs": "^4.2.0",
-        "jsonfile": "^6.0.1",
-        "universalify": "^2.0.0"
-      }
-    },
     "fs.realpath": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
@@ -8793,16 +8610,6 @@
       "integrity": "sha512-o6/yDBYccGvTz1+QFevz6l6OBZ2+fMVu2JZ9CIhzsYRX4mjaK5IyX9eldUdCmga16zlgQxyrj5pt9kzuj2C02w==",
       "dev": true
     },
-    "jsonfile": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz",
-      "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==",
-      "dev": true,
-      "requires": {
-        "graceful-fs": "^4.1.6",
-        "universalify": "^2.0.0"
-      }
-    },
     "jsonpath-plus": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/jsonpath-plus/-/jsonpath-plus-7.2.0.tgz",
@@ -9191,12 +8998,6 @@
       "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
       "dev": true
     },
-    "pathe": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/pathe/-/pathe-1.1.2.tgz",
-      "integrity": "sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ==",
-      "dev": true
-    },
     "picocolors": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
@@ -9503,16 +9304,6 @@
         "fsevents": "~2.3.2"
       }
     },
-    "rollup-plugin-purge-icons": {
-      "version": "0.10.0",
-      "resolved": "https://registry.npmjs.org/rollup-plugin-purge-icons/-/rollup-plugin-purge-icons-0.10.0.tgz",
-      "integrity": "sha512-GD2ftg4L9G/sagIhtCmBn5vdyzePOisniythubpbywP0Q3ix9rZuDeFvgXTPemOsc22pvH7t22ryYQIl0rwGog==",
-      "dev": true,
-      "requires": {
-        "@purge-icons/core": "^0.10.0",
-        "@purge-icons/generated": "^0.10.0"
-      }
-    },
     "run-parallel": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
@@ -9814,12 +9605,6 @@
       "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==",
       "dev": true
     },
-    "universalify": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz",
-      "integrity": "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==",
-      "dev": true
-    },
     "update-browserslist-db": {
       "version": "1.0.13",
       "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz",
@@ -9918,17 +9703,6 @@
         "rollup": "^4.13.0"
       }
     },
-    "vite-plugin-purge-icons": {
-      "version": "0.10.0",
-      "resolved": "https://registry.npmjs.org/vite-plugin-purge-icons/-/vite-plugin-purge-icons-0.10.0.tgz",
-      "integrity": "sha512-4fMJKQuBu9lAPJWjqGEytRaxty1pP9bWgQLA68dwbbaCXu6NBrOUb/3kMaUc7TP09kerEk+qTriCk05OZXpjwA==",
-      "dev": true,
-      "requires": {
-        "@purge-icons/core": "^0.10.0",
-        "@purge-icons/generated": "^0.10.0",
-        "rollup-plugin-purge-icons": "^0.10.0"
-      }
-    },
     "vscode-uri": {
       "version": "3.0.8",
       "resolved": "https://registry.npmjs.org/vscode-uri/-/vscode-uri-3.0.8.tgz",
diff --git a/package.json b/package.json
index 561b5f2..631ecfc 100644
--- a/package.json
+++ b/package.json
@@ -14,7 +14,6 @@
     "start-mock": "prism mock -p 4010 -d https://raw.githubusercontent.com/traPtitech/traPortfolio/main/docs/swagger/traPortfolio.v1.yaml"
   },
   "dependencies": {
-    "@iconify/iconify": "^3.1.1",
     "axios": "^1.7.2",
     "pinia": "^2.1.7",
     "ress": "^5.0.2",
@@ -22,7 +21,7 @@
     "vue-router": "^4.4.0"
   },
   "devDependencies": {
-    "@iconify/json": "^2.2.223",
+    "@iconify/vue": "^4.1.2",
     "@stoplight/prism-cli": "^5.8.1",
     "@typescript-eslint/eslint-plugin": "^7.8.0",
     "@typescript-eslint/parser": "^7.8.0",
@@ -39,7 +38,6 @@
     "ts-morph": "^23.0.0",
     "typescript": "^5.5.2",
     "vite": "^5.3.2",
-    "vite-plugin-purge-icons": "^0.10.0",
     "vue-tsc": "^2.0.24"
   },
   "private": true,
diff --git a/src/components/UI/AIcon.vue b/src/components/UI/AIcon.vue
index 2d019b6..3fdeb00 100644
--- a/src/components/UI/AIcon.vue
+++ b/src/components/UI/AIcon.vue
@@ -1,28 +1,18 @@
 <script lang="ts" setup>
-import { computed } from 'vue'
+import { Icon } from '@iconify/vue'
 
 interface Props {
   name: string
   size?: number
 }
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   size: 24
 })
-
-const styles = computed(() => ({
-  height: `${props.size}px`,
-  width: `${props.size}px`
-}))
 </script>
 
 <template>
-  <span
-    class="iconify"
-    :data-icon="name"
-    :style="styles"
-    :class="$style.icon"
-  />
+  <Icon :icon="name" :class="$style.icon" :width="size" :height="size" />
 </template>
 
 <style lang="scss" module>
diff --git a/src/main.ts b/src/main.ts
index dca3bdd..48b1fad 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -4,7 +4,6 @@ import router from './router'
 import App from './App.vue'
 
 import './index.scss'
-import '@purge-icons/generated'
 
 const pinia = createPinia()
 const app = createApp(App)
diff --git a/vite.config.ts b/vite.config.ts
index a8d69ff..c439373 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,7 +1,6 @@
 import { UserConfig } from 'vite'
 import path from 'path'
 import VuePlugin from '@vitejs/plugin-vue'
-import PurgeIcons from 'vite-plugin-purge-icons'
 
 const srcPath = path.resolve(__dirname, 'src').replace(/\\/g, '/')
 
@@ -28,7 +27,7 @@ const config: UserConfig = {
       }
     }
   },
-  plugins: [VuePlugin(), PurgeIcons()]
+  plugins: [VuePlugin()]
 }
 
 export default config