diff --git a/apps/web-antd/src/utils/render.tsx b/apps/web-antd/src/utils/render.tsx
index 8dc95cad..ea14556b 100644
--- a/apps/web-antd/src/utils/render.tsx
+++ b/apps/web-antd/src/utils/render.tsx
@@ -1,7 +1,7 @@
 import type { DictData } from '#/api/system/dict/dict-data-model';
 
 import { JsonPreview } from '@vben/common-ui';
-import { Icon } from '@vben/icons';
+import { IconifyIcon } from '@vben/icons';
 
 import { Tag } from 'ant-design-vue';
 
@@ -66,7 +66,7 @@ export function renderJsonPreview(json: any) {
  * @returns render
  */
 export function renderIcon(icon: string) {
-  return <Icon icon={icon}></Icon>;
+  return <IconifyIcon icon={icon}></IconifyIcon>;
 }
 
 // httpMethod
diff --git a/apps/web-antd/src/views/system/client/secret-input.vue b/apps/web-antd/src/views/system/client/secret-input.vue
index b5dfdfdd..cc278cfa 100644
--- a/apps/web-antd/src/views/system/client/secret-input.vue
+++ b/apps/web-antd/src/views/system/client/secret-input.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Icon } from '@vben/icons';
+import { IconifyIcon } from '@vben/icons';
 import { buildUUID } from '@vben/utils';
 
 import { Input } from 'ant-design-vue';
@@ -38,7 +38,7 @@ defineExpose({ refreshSecret });
     <template v-if="!disabled" #addonAfter>
       <a-button type="primary" @click="refreshSecret">
         <div class="flex items-center gap-[4px]">
-          <Icon icon="charm:refresh" />
+          <IconifyIcon icon="charm:refresh" />
           <span>随机生成</span>
         </div>
       </a-button>
diff --git a/apps/web-antd/src/views/tool/gen/code-preview-modal.vue b/apps/web-antd/src/views/tool/gen/code-preview-modal.vue
index 169192bc..359f91ca 100644
--- a/apps/web-antd/src/views/tool/gen/code-preview-modal.vue
+++ b/apps/web-antd/src/views/tool/gen/code-preview-modal.vue
@@ -9,7 +9,7 @@ import {
   type LanguageSupport,
   useVbenModal,
 } from '@vben/common-ui';
-import { Icon } from '@vben/icons';
+import { IconifyIcon } from '@vben/icons';
 
 import { useClipboard } from '@vueuse/core';
 import { Skeleton, Tree } from 'ant-design-vue';
@@ -172,7 +172,7 @@ const { copy } = useClipboard({ legacy: true });
         >
           <template #title="{ title, icon }">
             <div class="flex items-center gap-[16px]">
-              <Icon :icon="icon" />
+              <IconifyIcon :icon="icon" />
               <span>{{ title }}</span>
             </div>
           </template>