diff --git a/web3/packages/tiptap/src/components/ExportWord/components/ActionButton.vue b/web3/packages/tiptap/src/components/ExportWord/components/ActionButton.vue
index 283c22af..856e301e 100644
--- a/web3/packages/tiptap/src/components/ExportWord/components/ActionButton.vue
+++ b/web3/packages/tiptap/src/components/ExportWord/components/ActionButton.vue
@@ -28,7 +28,13 @@ function handleExport() {
     :action="handleExport"
   >
     <template #icon>
-      <iconUrl style="width: 16px; height: 16px" />
+      <img
+        v-if="typeof iconUrl === 'string'"
+        :src="iconUrl"
+        style="width: 16px; height: 16px"
+        alt=""
+      />
+      <!-- <iconUrl style="width: 16px; height: 16px" /> -->
     </template>
   </action-button>
 </template>
diff --git a/web3/packages/tiptap/src/shims-svg.d.ts b/web3/packages/tiptap/src/shims-svg.d.ts
new file mode 100644
index 00000000..8d750fb4
--- /dev/null
+++ b/web3/packages/tiptap/src/shims-svg.d.ts
@@ -0,0 +1,5 @@
+declare module "*.svg" {
+  import type { DefineComponent } from "vue";
+  const component: DefineComponent<{}, {}, any> | string;
+  export default component;
+}