diff --git a/packages/effects/common-ui/src/components/captcha/verification/verify-points.vue b/packages/effects/common-ui/src/components/captcha/verification/verify-points.vue
index 8d882bc5e..d28953e3f 100644
--- a/packages/effects/common-ui/src/components/captcha/verification/verify-points.vue
+++ b/packages/effects/common-ui/src/components/captcha/verification/verify-points.vue
@@ -12,6 +12,7 @@ import {
   toRefs,
 } from 'vue';
 
+import { IconifyIcon } from '@vben/icons';
 import { $t } from '@vben/locales';
 
 import { AES } from '@vben-core/shared/utils';
@@ -221,7 +222,7 @@ defineExpose({
           style="z-index: 3"
           @click="refresh"
         >
-          <i class="iconfont icon-refresh"></i>
+          <IconifyIcon icon="lucide:refresh-ccw" class="mr-2 size-5" />
         </div>
         <img
           ref="canvas"
diff --git a/packages/effects/common-ui/src/components/captcha/verification/verify-slide.vue b/packages/effects/common-ui/src/components/captcha/verification/verify-slide.vue
index feba583ba..fca869922 100644
--- a/packages/effects/common-ui/src/components/captcha/verification/verify-slide.vue
+++ b/packages/effects/common-ui/src/components/captcha/verification/verify-slide.vue
@@ -15,6 +15,7 @@ import {
   toRefs,
 } from 'vue';
 
+import { IconifyIcon } from '@vben/icons';
 import { $t } from '@vben/locales';
 
 import { AES } from '@vben-core/shared/utils';
@@ -299,7 +300,7 @@ defineExpose({
           style="display: block; width: 100%; height: 100%"
         />
         <div v-show="showRefresh" class="verify-refresh" @click="refresh">
-          <i class="iconfont icon-refresh"></i>
+          <IconifyIcon icon="lucide:refresh-ccw" class="mr-2 size-5" />
         </div>
         <transition name="tips">
           <span