diff --git a/package.json b/package.json
index bd905251..37080857 100644
--- a/package.json
+++ b/package.json
@@ -48,7 +48,7 @@
     "solid-testing-library": "0.3.0",
     "solid-toast": "0.3.5",
     "tailwindcss": "3.1.8",
-    "tailwindcss-plugin-icons": "1.0.7",
+    "tailwindcss-plugin-icons": "2.0.2",
     "taze": "0.8.2",
     "typescript": "4.8.4",
     "unplugin-auto-import": "0.11.2",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 567dd7d1..b29ef87c 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -35,7 +35,7 @@ specifiers:
   solid-testing-library: 0.3.0
   solid-toast: 0.3.5
   tailwindcss: 3.1.8
-  tailwindcss-plugin-icons: 1.0.7
+  tailwindcss-plugin-icons: 2.0.2
   taze: 0.8.2
   typescript: 4.8.4
   unplugin-auto-import: 0.11.2
@@ -80,7 +80,7 @@ devDependencies:
   solid-testing-library: 0.3.0_solid-js@1.5.7
   solid-toast: 0.3.5_solid-js@1.5.7
   tailwindcss: 3.1.8_postcss@8.4.17
-  tailwindcss-plugin-icons: 1.0.7_tailwindcss@3.1.8
+  tailwindcss-plugin-icons: 2.0.2_tailwindcss@3.1.8
   taze: 0.8.2
   typescript: 4.8.4
   unplugin-auto-import: 0.11.2
@@ -8057,8 +8057,8 @@ packages:
     resolution: {integrity: sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==}
     dev: true
 
-  /tailwindcss-plugin-icons/1.0.7_tailwindcss@3.1.8:
-    resolution: {integrity: sha512-ISUTr/GVmXpTB020IFgKWSpaWf/elhSPuidigyt7vjqSpdBxO/1wdIb94iWq11RA2uiWL8dl/L0V8POnOXoTKg==}
+  /tailwindcss-plugin-icons/2.0.2_tailwindcss@3.1.8:
+    resolution: {integrity: sha512-2q1e1MF1cFWXc/XFFzL1/9YBy7BY/rNbHt7QURJZ7gMSyPdE5SY/i0+0ZcTTq5Ojdhl6seWf3OfYTh7YR7+4Og==}
     peerDependencies:
       tailwindcss: 3.x
     dependencies:
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index ae17c890..fd5ed4eb 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -1,16 +1,24 @@
 const { Icons } = require('tailwindcss-plugin-icons')
 
+const carbon = require('@iconify-json/carbon/icons.json')
+
+/**
+ * @type {import('tailwindcss-plugin-icons').Options}
+ */
+const options = () => ({
+  carbon,
+})
+
+/**
+ * @type {import('tailwindcss').Config}
+ */
 module.exports = {
-	content: ['./src/**/*.{js,jsx,ts,tsx}'],
+  content: ['./src/**/*.{js,jsx,ts,tsx}'],
   darkMode: 'class',
-	theme: {
-		extend: {},
-	},
-	plugins: [
-    Icons({
-      carbon: {
-        icons: ['sun', 'moon', 'language', 'arrow-left', 'arrow-right', 'location-hazard', 'logo-github', 'moonrise', 'face-dissatisfied-filled', 'phone-voice']
-      }
-    }),
+  theme: {
+    extend: {},
+  },
+  plugins: [
+    Icons(options),
   ],
 }