diff --git a/web/src/utils/common/icon.ts b/web/src/utils/common/icon.ts
index 39fb7676..79a92a79 100644
--- a/web/src/utils/common/icon.ts
+++ b/web/src/utils/common/icon.ts
@@ -1,6 +1,10 @@
-import { Icon } from '@iconify/vue'
+import { addAPIProvider, Icon } from '@iconify/vue'
 import { NIcon } from 'naive-ui'
 
+addAPIProvider('', {
+  resources: ['https://iconify.cdn.haozi.net']
+})
+
 interface Props {
   size?: number
   color?: string
diff --git a/web/uno.config.ts b/web/uno.config.ts
index 92e27372..5252ffb0 100644
--- a/web/uno.config.ts
+++ b/web/uno.config.ts
@@ -1,5 +1,5 @@
 import type { UserConfig } from 'unocss'
-import { defineConfig, presetAttributify, presetUno } from 'unocss'
+import { defineConfig, presetAttributify, presetWind3 } from 'unocss'
 
 const config: UserConfig = {
   content: {
@@ -7,7 +7,7 @@ const config: UserConfig = {
       exclude: ['node_modules', '.git', '.github', '.vscode', 'build', 'dist', 'public', 'types']
     }
   },
-  presets: [presetUno({ dark: 'class' }), presetAttributify()],
+  presets: [presetWind3({ dark: 'class' }), presetAttributify()],
   shortcuts: [
     ['wh-full', 'w-full h-full'],
     ['f-c-c', 'flex justify-center items-center'],