diff --git a/packages/components/icon/src/icon.vue b/packages/components/icon/src/icon.vue
index 40bd94605a..c553b591f0 100644
--- a/packages/components/icon/src/icon.vue
+++ b/packages/components/icon/src/icon.vue
@@ -19,11 +19,12 @@ const props = defineProps(iconProps)
 const ns = useNamespace('icon')
 
 const style = computed<CSSProperties>(() => {
-  if (!props.size && !props.color) return {}
+  const { size, color } = props
+  if (!size && !color) return {}
 
   return {
-    fontSize: isUndefined(props.size) ? undefined : addUnit(props.size),
-    '--color': props.color,
+    fontSize: isUndefined(size) ? undefined : addUnit(size),
+    '--color': color,
   }
 })
 </script>