diff --git a/package.json b/package.json
index fc34894..5266fa9 100644
--- a/package.json
+++ b/package.json
@@ -10,13 +10,17 @@
   },
   "dependencies": {
     "@types/node": "^20.8.0",
+    "@unocss/reset": "^0.56.4",
     "nprogress": "^0.2.0",
     "sass": "^1.68.0",
     "vue": "^3.3.4",
     "vue-router": "^4.2.5"
   },
   "devDependencies": {
+    "@iconify-json/mdi": "^1.1.54",
     "@types/nprogress": "^0.2.1",
+    "@unocss/preset-icons": "^0.56.4",
+    "@unocss/transformer-directives": "^0.56.4",
     "@vitejs/plugin-vue": "^4.3.4",
     "typescript": "^5.2.2",
     "unocss": "^0.56.4",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 787b0ad..cb301b2 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -8,6 +8,9 @@ dependencies:
   '@types/node':
     specifier: ^20.8.0
     version: 20.8.0
+  '@unocss/reset':
+    specifier: ^0.56.4
+    version: 0.56.4
   nprogress:
     specifier: ^0.2.0
     version: 0.2.0
@@ -22,9 +25,18 @@ dependencies:
     version: 4.2.5(vue@3.3.4)
 
 devDependencies:
+  '@iconify-json/mdi':
+    specifier: ^1.1.54
+    version: 1.1.54
   '@types/nprogress':
     specifier: ^0.2.1
     version: 0.2.1
+  '@unocss/preset-icons':
+    specifier: ^0.56.4
+    version: 0.56.4
+  '@unocss/transformer-directives':
+    specifier: ^0.56.4
+    version: 0.56.4
   '@vitejs/plugin-vue':
     specifier: ^4.3.4
     version: 4.3.4(vite@4.4.9)(vue@3.3.4)
@@ -292,6 +304,12 @@ packages:
     dev: true
     optional: true
 
+  /@iconify-json/mdi@1.1.54:
+    resolution: {integrity: sha512-3QAsxte90EalbN2e8J30OqSSZz9qN2x+kmykQwsPahoW2dOtSvj+BR9YdiUd9A5XKk2nuU4UH5Gj/cq6WZ6CzQ==}
+    dependencies:
+      '@iconify/types': 2.0.0
+    dev: true
+
   /@iconify/types@2.0.0:
     resolution: {integrity: sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==}
     dev: true
@@ -558,7 +576,6 @@ packages:
 
   /@unocss/reset@0.56.4:
     resolution: {integrity: sha512-7o3Jpog49ORWW+Rpz7bzYY+CStfLMyBXAeDOzhM2PQjftuQl4ZQOvIdXi6zrXDEN2SJQsi279s2t50ERZN8YcA==}
-    dev: true
 
   /@unocss/rule-utils@0.56.4:
     resolution: {integrity: sha512-pZmTPqi/Tb+vbwjNXu9+PwxEh7PVe+FwP+pzUbfNSUpE5Hg9CCbl8hpsXRE/r8kdaoKhmw2ryxvjocOgKXG/ag==}
diff --git a/unocss.config.ts b/unocss.config.ts
index b4b56a4..e95ce7a 100644
--- a/unocss.config.ts
+++ b/unocss.config.ts
@@ -3,7 +3,7 @@ import {
   presetAttributify,
   presetTypography,
   presetUno,
-  presetWebFonts,
+  presetIcons,
   transformerDirectives,
   transformerVariantGroup,
 } from "unocss"
@@ -13,19 +13,7 @@ export default defineConfig({
     presetUno(),
     presetAttributify(),
     presetTypography(),
-    // presetWebFonts({
-    //   fonts: {
-    //     sans: "DM Sans",
-    //     serif: "DM Serif Display",
-    //     mono: "DM Mono",
-    //   },
-    // }),
-    // presetWebFonts({
-    //   fonts: {
-    //     sans: "Inter:100,200,400,700,800",
-    //     mono: "IBM Plex Mono",
-    //   },
-    // }),
+    presetIcons(),
   ],
   transformers: [transformerDirectives(), transformerVariantGroup()],
 })