diff --git a/package.json b/package.json
index 528254f46..556c25e7c 100644
--- a/package.json
+++ b/package.json
@@ -59,7 +59,7 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.1.5",
-    "@vant/icons": "1.0.7",
+    "@vant/icons": "1.0.8",
     "@vue/babel-helper-vue-jsx-merge-props": "^1.0.0-beta.2",
     "vue-lazyload": "1.2.3"
   },
diff --git a/packages/icon/demo/index.vue b/packages/icon/demo/index.vue
index ecc04807b..9be745fe7 100644
--- a/packages/icon/demo/index.vue
+++ b/packages/icon/demo/index.vue
@@ -3,6 +3,7 @@
     <van-tabs
       v-model="tab"
       sticky
+      :color="BLUE"
     >
       <van-tab title="基础图标">
         <van-col
@@ -40,6 +41,7 @@
 
 <script>
 import icons from '@vant/icons';
+import { BLUE } from '../../utils/color';
 
 export default {
   i18n: {
@@ -56,6 +58,7 @@ export default {
   },
 
   data() {
+    this.BLUE = BLUE;
     this.icons = icons;
     return {
       tab: 0
@@ -65,6 +68,8 @@ export default {
 </script>
 
 <style lang="less">
+@import '../../style/var';
+
 .demo-icon {
   font-size: 0;
 
@@ -92,7 +97,7 @@ export default {
   .van-icon {
     font-size: 32px;
     margin: 15px 0;
-    color: rgb(69, 90, 100);
+    color: @text-color;
   }
 
   .van-tab__pane {
diff --git a/yarn.lock b/yarn.lock
index 074eaae1d..c2d5ea0f4 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -733,10 +733,10 @@
     eslint-plugin-import "^2.14.0"
     eslint-plugin-vue "^5.0.0"
 
-"@vant/icons@1.0.7":
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/@vant/icons/-/icons-1.0.7.tgz#6e2e5583d41ae46b172c9185579d74e2941d1069"
-  integrity sha512-OD2Qc5U8iixaIe2F4lXPKt8Ie67yqGrgwF3m/FJ0NCLSskCfzhF6rsVAVO8WwA0IaQLPCMb2YhEJpTgA9eHZtA==
+"@vant/icons@1.0.8":
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/@vant/icons/-/icons-1.0.8.tgz#10cf8d691747ae27e3f9f9f025afd7a3c350810d"
+  integrity sha512-6q5Jz4Bx9wEIkVrchmhId0q+eoayYLdPqbcByct+jU+T3OhGw3bxCRpAvC+nq0hlqtTQL1dyMWDbOOjMO2GzZg==
 
 "@vant/markdown-loader@^1.0.3":
   version "1.0.3"