diff --git a/src/components/custom/SvgIcon.vue b/src/components/custom/SvgIcon.vue
index d3dc9fd8..0546aedc 100644
--- a/src/components/custom/SvgIcon.vue
+++ b/src/components/custom/SvgIcon.vue
@@ -1,5 +1,5 @@
 <template>
-  <svg aria-hidden="true" width="1em" height="1em" class="inline-block">
+  <svg aria-hidden="true" width="1em" height="1em">
     <use :xlink:href="symbolId" fill="currentColor" />
   </svg>
 </template>
diff --git a/src/utils/common/icon.ts b/src/utils/common/icon.ts
index db225dda..689d7748 100644
--- a/src/utils/common/icon.ts
+++ b/src/utils/common/icon.ts
@@ -35,5 +35,5 @@ export function customIconRender(icon: string, color?: string, size?: number) {
     style.size = `${size}px`;
   }
 
-  return () => h(SvgIcon, { icon, style });
+  return () => h(NIcon, null, { default: () => h(SvgIcon, { icon, style }) });
 }