diff --git a/src/components/extra/ElIcon.vue b/src/components/extra/ElIcon.vue
index d50a329..68634ff 100644
--- a/src/components/extra/ElIcon.vue
+++ b/src/components/extra/ElIcon.vue
@@ -38,6 +38,7 @@
     const symbolId = computed(() => `#icon-${props.name}`);
     // 补全图标尺寸
     const size = computed(() => (Number.isNaN(new Number(props.size).valueOf()) ? props.size : props.size + 'px'));
+    const color = computed(() => props.color);
     // 判断是remix图标还是element-plus图标
     const isRemix = computed(() => !Object.keys(icons).includes(props.name));
 </script>
@@ -51,6 +52,6 @@
     svg.x-icon {
         width: v-bind(size);
         height: v-bind(size);
-        fill: v-bind(size);
+        fill: v-bind(color);
     }
 </style>