diff --git a/packages/ui/package.json b/packages/ui/package.json
index c2684fb..ae8cb04 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -45,6 +45,7 @@
     "uno-watch": "unocss -w"
   },
   "dependencies": {
+    "@element-plus/icons-vue": "^2.3.1",
     "@suwujs/preset": "workspace:*",
     "@suwujs/utils": "workspace:*",
     "element-plus": "catalog:"
diff --git a/packages/ui/src/components/XElButtonGroups/index.vue b/packages/ui/src/components/XElButtonGroups/index.vue
index 7b2a5fa..6a12db5 100644
--- a/packages/ui/src/components/XElButtonGroups/index.vue
+++ b/packages/ui/src/components/XElButtonGroups/index.vue
@@ -12,7 +12,7 @@ defineProps(xElButtonGroupsProps)
 <template>
   <div class="mb-4">
     <ElButton>Default</ElButton>
-    <ElButton type="primary">
+    <ElButton type="primary" icon="download">
       Primary
     </ElButton>
     <ElButton type="success">
diff --git a/packages/ui/src/plugin.ts b/packages/ui/src/plugin.ts
index 3f845de..595497c 100644
--- a/packages/ui/src/plugin.ts
+++ b/packages/ui/src/plugin.ts
@@ -1,4 +1,5 @@
 import type { App, Plugin } from 'vue'
+import * as ElementPlusIconsVue from '@element-plus/icons-vue'
 import { version } from '../package.json'
 
 const INSTALLED_KEY = Symbol('X_DEV_TOOLS_UI_Installed')
@@ -8,6 +9,11 @@ export function createInstaller(components: Plugin[] = []) {
     if ((app as any)[INSTALLED_KEY])
       return
 
+    // Install ElementPlusIconsVue
+    for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
+      app.component(key, component)
+    }
+
     (app as any)[INSTALLED_KEY] = true
     components.forEach(c => app.use(c))
   }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 430bb28..f7c890b 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -164,7 +164,7 @@ importers:
         version: link:../packages/preset
       unocss:
         specifier: 'catalog:'
-        version: 0.64.0(@unocss/webpack@0.64.0(rollup@4.21.2)(webpack@5.96.1(esbuild@0.23.1)))(postcss@8.4.47)(rollup@4.21.2)(vite@5.4.10(@types/node@22.5.1)(sass@1.77.5)(terser@5.31.6))(vue@3.5.12(typescript@5.5.4))
+        version: 0.64.0(@unocss/webpack@0.64.0(rollup@4.21.2)(webpack@5.96.1(esbuild@0.17.19)))(postcss@8.4.47)(rollup@4.21.2)(vite@5.4.10(@types/node@22.5.1)(sass@1.77.5)(terser@5.31.6))(vue@3.5.12(typescript@5.5.4))
       unplugin-vue-components:
         specifier: ^0.27.4
         version: 0.27.4(@babel/parser@7.26.2)(@nuxt/kit@3.14.159(magicast@0.3.5)(rollup@4.21.2)(webpack-sources@3.2.3))(rollup@4.21.2)(vue@3.5.12(typescript@5.5.4))
@@ -276,6 +276,9 @@ importers:
 
   packages/ui:
     dependencies:
+      '@element-plus/icons-vue':
+        specifier: ^2.3.1
+        version: 2.3.1(vue@3.5.12(typescript@5.5.4))
       '@suwujs/preset':
         specifier: workspace:*
         version: link:../preset
@@ -294,7 +297,7 @@ importers:
         version: 5.5.4
       unocss:
         specifier: 'catalog:'
-        version: 0.64.0(@unocss/webpack@0.64.0(rollup@4.21.2)(webpack@5.96.1))(postcss@8.4.47)(rollup@4.21.2)(vite@5.4.10(@types/node@22.5.1)(sass@1.77.5)(terser@5.31.6))(vue@3.5.12(typescript@5.5.4))
+        version: 0.64.0(@unocss/webpack@0.64.0(rollup@4.21.2)(webpack@5.96.1(esbuild@0.23.1)))(postcss@8.4.47)(rollup@4.21.2)(vite@5.4.10(@types/node@22.5.1)(sass@1.77.5)(terser@5.31.6))(vue@3.5.12(typescript@5.5.4))
       unplugin-element-plus:
         specifier: 'catalog:'
         version: 0.8.0(rollup@4.21.2)(webpack-sources@3.2.3)
@@ -6310,6 +6313,23 @@ snapshots:
       - supports-color
       - vue
 
+  '@unocss/webpack@0.64.0(rollup@4.21.2)(webpack@5.96.1(esbuild@0.17.19))':
+    dependencies:
+      '@ampproject/remapping': 2.3.0
+      '@rollup/pluginutils': 5.1.3(rollup@4.21.2)
+      '@unocss/config': 0.64.0
+      '@unocss/core': 0.64.0
+      chokidar: 3.6.0
+      magic-string: 0.30.12
+      tinyglobby: 0.2.10
+      unplugin: 1.15.0(webpack-sources@3.2.3)
+      webpack: 5.96.1(esbuild@0.17.19)
+      webpack-sources: 3.2.3
+    transitivePeerDependencies:
+      - rollup
+      - supports-color
+    optional: true
+
   '@unocss/webpack@0.64.0(rollup@4.21.2)(webpack@5.96.1(esbuild@0.23.1))':
     dependencies:
       '@ampproject/remapping': 2.3.0
@@ -9221,6 +9241,18 @@ snapshots:
       mkdirp: 1.0.4
       yallist: 4.0.0
 
+  terser-webpack-plugin@5.3.10(esbuild@0.17.19)(webpack@5.96.1(esbuild@0.17.19)):
+    dependencies:
+      '@jridgewell/trace-mapping': 0.3.25
+      jest-worker: 27.5.1
+      schema-utils: 3.3.0
+      serialize-javascript: 6.0.2
+      terser: 5.31.6
+      webpack: 5.96.1(esbuild@0.17.19)
+    optionalDependencies:
+      esbuild: 0.17.19
+    optional: true
+
   terser-webpack-plugin@5.3.10(esbuild@0.23.1)(webpack@5.96.1(esbuild@0.23.1)):
     dependencies:
       '@jridgewell/trace-mapping': 0.3.25
@@ -9477,6 +9509,34 @@ snapshots:
     dependencies:
       '@unocss/core': 0.61.9
 
+  unocss@0.64.0(@unocss/webpack@0.64.0(rollup@4.21.2)(webpack@5.96.1(esbuild@0.17.19)))(postcss@8.4.47)(rollup@4.21.2)(vite@5.4.10(@types/node@22.5.1)(sass@1.77.5)(terser@5.31.6))(vue@3.5.12(typescript@5.5.4)):
+    dependencies:
+      '@unocss/astro': 0.64.0(rollup@4.21.2)(vite@5.4.10(@types/node@22.5.1)(sass@1.77.5)(terser@5.31.6))(vue@3.5.12(typescript@5.5.4))
+      '@unocss/cli': 0.64.0(rollup@4.21.2)
+      '@unocss/core': 0.64.0
+      '@unocss/postcss': 0.64.0(postcss@8.4.47)
+      '@unocss/preset-attributify': 0.64.0
+      '@unocss/preset-icons': 0.64.0
+      '@unocss/preset-mini': 0.64.0
+      '@unocss/preset-tagify': 0.64.0
+      '@unocss/preset-typography': 0.64.0
+      '@unocss/preset-uno': 0.64.0
+      '@unocss/preset-web-fonts': 0.64.0
+      '@unocss/preset-wind': 0.64.0
+      '@unocss/transformer-attributify-jsx': 0.64.0
+      '@unocss/transformer-compile-class': 0.64.0
+      '@unocss/transformer-directives': 0.64.0
+      '@unocss/transformer-variant-group': 0.64.0
+      '@unocss/vite': 0.64.0(rollup@4.21.2)(vite@5.4.10(@types/node@22.5.1)(sass@1.77.5)(terser@5.31.6))(vue@3.5.12(typescript@5.5.4))
+    optionalDependencies:
+      '@unocss/webpack': 0.64.0(rollup@4.21.2)(webpack@5.96.1(esbuild@0.17.19))
+      vite: 5.4.10(@types/node@22.5.1)(sass@1.77.5)(terser@5.31.6)
+    transitivePeerDependencies:
+      - postcss
+      - rollup
+      - supports-color
+      - vue
+
   unocss@0.64.0(@unocss/webpack@0.64.0(rollup@4.21.2)(webpack@5.96.1(esbuild@0.23.1)))(postcss@8.4.47)(rollup@4.21.2)(vite@5.4.10(@types/node@22.5.1)(sass@1.77.5)(terser@5.31.6))(vue@3.5.12(typescript@5.5.4)):
     dependencies:
       '@unocss/astro': 0.64.0(rollup@4.21.2)(vite@5.4.10(@types/node@22.5.1)(sass@1.77.5)(terser@5.31.6))(vue@3.5.12(typescript@5.5.4))
@@ -9840,6 +9900,37 @@ snapshots:
       - uglify-js
     optional: true
 
+  webpack@5.96.1(esbuild@0.17.19):
+    dependencies:
+      '@types/eslint-scope': 3.7.7
+      '@types/estree': 1.0.6
+      '@webassemblyjs/ast': 1.14.1
+      '@webassemblyjs/wasm-edit': 1.14.1
+      '@webassemblyjs/wasm-parser': 1.14.1
+      acorn: 8.14.0
+      browserslist: 4.24.2
+      chrome-trace-event: 1.0.4
+      enhanced-resolve: 5.17.1
+      es-module-lexer: 1.5.4
+      eslint-scope: 5.1.1
+      events: 3.3.0
+      glob-to-regexp: 0.4.1
+      graceful-fs: 4.2.11
+      json-parse-even-better-errors: 2.3.1
+      loader-runner: 4.3.0
+      mime-types: 2.1.35
+      neo-async: 2.6.2
+      schema-utils: 3.3.0
+      tapable: 2.2.1
+      terser-webpack-plugin: 5.3.10(esbuild@0.17.19)(webpack@5.96.1(esbuild@0.17.19))
+      watchpack: 2.4.2
+      webpack-sources: 3.2.3
+    transitivePeerDependencies:
+      - '@swc/core'
+      - esbuild
+      - uglify-js
+    optional: true
+
   webpack@5.96.1(esbuild@0.23.1):
     dependencies:
       '@types/eslint-scope': 3.7.7