diff --git a/.vscode/extensions.json b/.vscode/extensions.json
index 94753e1..f2ac7d1 100644
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@@ -1,6 +1,7 @@
 {
   "recommendations": [
     "dbaeumer.vscode-eslint",
-    "bradlc.vscode-tailwindcss"
+    "bradlc.vscode-tailwindcss",
+    "antfu.iconify"
   ]
 }
diff --git a/.vscode/settings.json b/.vscode/settings.json
index ce8f7dc..3350038 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -46,5 +46,8 @@
     "scss",
     "pcss",
     "postcss"
+  ],
+  "cSpell.words": [
+    "iconify"
   ]
 }
diff --git a/README.md b/README.md
index 007c207..e0201b4 100644
--- a/README.md
+++ b/README.md
@@ -8,6 +8,7 @@ A template for create nextjs app project
 
 - [tailwindcss](https://tailwindcss.com/)
 - [NextUI](https://nextui.org/)
+- [iconify](https://iconify.design/)
 
 ### Lint & Format
 
diff --git a/package.json b/package.json
index 8ad29b7..b41c553 100644
--- a/package.json
+++ b/package.json
@@ -21,6 +21,8 @@
   "devDependencies": {
     "@antfu/eslint-config": "^3.9.2",
     "@eslint-react/eslint-plugin": "^1.16.1",
+    "@iconify/json": "^2.2.275",
+    "@iconify/tailwind": "^1.1.3",
     "@next/eslint-plugin-next": "^15.0.3",
     "@types/node": "^20",
     "@types/react": "^18",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index e81a51b..7c1bded 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -30,6 +30,12 @@ importers:
       '@eslint-react/eslint-plugin':
         specifier: ^1.16.1
         version: 1.17.1(eslint@9.15.0(jiti@1.21.6))(typescript@5.7.2)
+      '@iconify/json':
+        specifier: ^2.2.275
+        version: 2.2.275
+      '@iconify/tailwind':
+        specifier: ^1.1.3
+        version: 1.1.3
       '@next/eslint-plugin-next':
         specifier: ^15.0.3
         version: 15.0.3
@@ -304,6 +310,15 @@ packages:
     resolution: {integrity: sha512-c7hNEllBlenFTHBky65mhq8WD2kbN9Q6gk0bTk8lSBvc554jpXSkST1iePudpt7+A/AQvuHs9EMqjHDXMY1lrA==}
     engines: {node: '>=18.18'}
 
+  '@iconify/json@2.2.275':
+    resolution: {integrity: sha512-eiw64zix2sLUoZWjEJAwe0EU/wtZPww3h4NOEdqXgyiLmV400MXbOB7A+osZDuNPIP1Iapxab+r1mxW75dTWEw==}
+
+  '@iconify/tailwind@1.1.3':
+    resolution: {integrity: sha512-SfyeT+2b/aKWA6DjwdevXdLUqaEqJ5xWTegD92KItaWc47IYsGuqrt/GOz4dJCPcTVCrsUjlvMpy8cNd+uV5nQ==}
+
+  '@iconify/types@2.0.0':
+    resolution: {integrity: sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==}
+
   '@img/sharp-darwin-arm64@0.33.5':
     resolution: {integrity: sha512-UT4p+iz/2H4twwAoLCqfA9UH5pI6DggwKEGuaPy7nCVQ8ZsiY5PIcrRvD1DzuY3qYL07NtIQcWnBSY/heikIFQ==}
     engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
@@ -4336,6 +4351,17 @@ snapshots:
 
   '@humanwhocodes/retry@0.4.1': {}
 
+  '@iconify/json@2.2.275':
+    dependencies:
+      '@iconify/types': 2.0.0
+      pathe: 1.1.2
+
+  '@iconify/tailwind@1.1.3':
+    dependencies:
+      '@iconify/types': 2.0.0
+
+  '@iconify/types@2.0.0': {}
+
   '@img/sharp-darwin-arm64@0.33.5':
     optionalDependencies:
       '@img/sharp-libvips-darwin-arm64': 1.0.4
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 9b85601..a345906 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -1,4 +1,5 @@
 import type { Config } from 'tailwindcss'
+import { addDynamicIconSelectors } from '@iconify/tailwind'
 import { nextui } from '@nextui-org/react'
 
 export default {
@@ -12,5 +13,6 @@ export default {
   darkMode: 'class',
   plugins: [
     nextui(),
+    addDynamicIconSelectors(),
   ],
 } satisfies Config