diff --git a/docs/markdown/en-US/icon.md b/docs/markdown/en-US/icon.md
index bcec57b40..e614f4a6e 100644
--- a/docs/markdown/en-US/icon.md
+++ b/docs/markdown/en-US/icon.md
@@ -50,6 +50,8 @@ import 'vant/lib/vant-css/icon-local.css';
 |-----------|-----------|-----------|-------------|
 | name | Icon name | `String` | `''` |
 | info | Info message | `String | Number` | `''` |
+| color | Icon color | `String` | `''` | - |
+
 
 ### Event
 
diff --git a/docs/markdown/zh-CN/icon.md b/docs/markdown/zh-CN/icon.md
index 1b5b3e36c..da8b88272 100644
--- a/docs/markdown/zh-CN/icon.md
+++ b/docs/markdown/zh-CN/icon.md
@@ -51,6 +51,8 @@ import 'vant/lib/vant-css/icon-local.css';
 |-----------|-----------|-----------|-------------|
 | name | 图标名称 | `String` | `''` |
 | info | 图标右上角文字提示 | `String | Number` | `''` |
+| color | 图标颜色 | `String` | `''` | - |
+
 
 ### Event
 
diff --git a/packages/icon/index.vue b/packages/icon/index.vue
index 2ebf430fc..a38e947b2 100644
--- a/packages/icon/index.vue
+++ b/packages/icon/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <i :class="[b(), `van-icon-${name}`]" v-on="$listeners">
+  <i :class="[b(), `van-icon-${name}`]" :style="{ color }" v-on="$listeners">
     <slot />
     <div v-if="isDef(info)" :class="b('info')">{{ info }}</div>
   </i>
@@ -14,7 +14,8 @@ export default create({
 
   props: {
     name: String,
-    info: [String, Number]
+    info: [String, Number],
+    color: String
   },
 
   methods: {