diff --git a/packages/devui-vue/devui/icon/src/icon.tsx b/packages/devui-vue/devui/icon/src/icon.tsx
index 16e4593648a231e06a6a0f133fde0f30d57e70b9..d5e6d3956a95edacf255341c8ebe11feb0b62088 100644
--- a/packages/devui-vue/devui/icon/src/icon.tsx
+++ b/packages/devui-vue/devui/icon/src/icon.tsx
@@ -18,7 +18,7 @@ export default defineComponent({
     classPrefix: {
       type: String,
       default: 'icon'
-    },
+    }
   },
   setup(props) {
     return {
@@ -27,20 +27,22 @@ export default defineComponent({
   },
   render() {
     const { name, size, color, classPrefix } = this
-
-    return (
-      <>
-        {
-          /^((https?):)?\/\//.test(name)
-          ? <img src={name} alt={name.split('/')[name.split('/').length - 1]} style={{
-              width: size
-            }} />
-          : <i class={`${classPrefix} ${classPrefix}-${name}`} style={{
-              fontSize: size,
-              color
-            }}></i>
-        }
-      </>
+    return /^((https?):)?\/\//.test(name) ? (
+      <img
+        src={name}
+        alt={name.split('/')[name.split('/').length - 1]}
+        style={{
+          width: size
+        }}
+      />
+    ) : (
+      <i
+        class={`${classPrefix} ${classPrefix}-${name}`}
+        style={{
+          fontSize: size,
+          color
+        }}
+      ></i>
     )
   }
-})
\ No newline at end of file
+})