diff --git a/dist/icon/index.wxss b/dist/icon/index.wxss
index 4bc6251b..cbc89a6e 100644
--- a/dist/icon/index.wxss
+++ b/dist/icon/index.wxss
@@ -2,17 +2,17 @@
 
 @font-face {
   font-family: 'zuiicon';
-  src: url('https://b.yzcdn.cn/zui/font/zuiicon-1e1c3fdf13.eot');
-  src: url('https://b.yzcdn.cn/zui/font/zuiicon-1e1c3fdf13.eot?#iefix') format('embedded-opentype'),
-       url('https://b.yzcdn.cn/zui/font/zuiicon-1e1c3fdf13.woff2') format('woff2'),
-       url('https://b.yzcdn.cn/zui/font/zuiicon-1e1c3fdf13.woff') format('woff'),
-       url('https://b.yzcdn.cn/zui/font/zuiicon-1e1c3fdf13.ttf') format('truetype')
+  src: url('https://b.yzcdn.cn/zui/font/zuiicon-eeabfa2d9e.eot');
+  src: url('https://b.yzcdn.cn/zui/font/zuiicon-eeabfa2d9e.eot?#iefix') format('embedded-opentype'),
+       url('https://b.yzcdn.cn/zui/font/zuiicon-eeabfa2d9e.woff2') format('woff2'),
+       url('https://b.yzcdn.cn/zui/font/zuiicon-eeabfa2d9e.woff') format('woff'),
+       url('https://b.yzcdn.cn/zui/font/zuiicon-eeabfa2d9e.ttf') format('truetype')
 }
 
 .zui-icon {
     display: inline-block;
 }
-.zui-icon:before {
+.zui-icon::before {
   font-family: "zuiicon" !important;
   font-style: normal;
   font-weight: normal;
@@ -47,9 +47,13 @@
 /* DO NOT EDIT! Generated by fount */
 
 
-.zui-icon-cancel:before { content: '\e800'; } /* '' */
-.zui-icon-store:before { content: '\e801'; } /* '' */
-.zui-icon-certificate:before { content: '\e802'; } /* '' */
-.zui-icon-arrow:before { content: '\e803'; } /* '' */
-.zui-icon-shopping-cart:before { content: '\e804'; } /* '' */
-.zui-icon-store:before { content: '\e805'; } /* '' */
+.zui-icon-arrow:before { content: '\e800'; } /* '' */
+.zui-icon-certificate:before { content: '\e801'; } /* '' */
+.zui-icon-check:before { content: '\e802'; } /* '' */
+.zui-icon-checked:before { content: '\e803'; } /* '' */
+.zui-icon-close:before { content: '\e804'; } /* '' */
+.zui-icon-gift:before { content: '\e805'; } /* '' */
+.zui-icon-location:before { content: '\e806'; } /* '' */
+.zui-icon-message:before { content: '\e807'; } /* '' */
+.zui-icon-store:before { content: '\e808'; } /* '' */
+.zui-icon-shopping-cart:before { content: '\e809'; } /* '' */
diff --git a/example/icon/index.js b/example/icon/index.js
index a9eadd4b..abe6625e 100644
--- a/example/icon/index.js
+++ b/example/icon/index.js
@@ -1,10 +1,15 @@
 Page({
   data: {
     icons: [
-      'cancel',
-      'store',
-      'certificate',
       'arrow',
+      'certificate',
+      'check',
+      'checked',
+      'close',
+      'gift',
+      'location',
+      'message',
+      'store',
       'shopping-cart',
     ]
   }
diff --git a/example/icon/index.wxml b/example/icon/index.wxml
index e1bc073e..134bc00b 100644
--- a/example/icon/index.wxml
+++ b/example/icon/index.wxml
@@ -1,8 +1,8 @@
 <view class="container">
   <view class="zui-panel">
-    <view wx:for="{{ icons }}" wx:for-item="icon">
+    <view wx:for="{{ icons }}" wx:for-item="icon" class="icon-wrap">
       <view class="zui-icon zui-icon-{{ icon }}"></view>
-      <view style="display: inline-block;">zui-icon-{{ icon }}</view>
+      <view class="icon-classname">zui-icon-{{ icon }}</view>
     </view>
   </view>
 </view>
diff --git a/example/icon/index.wxss b/example/icon/index.wxss
index bb27e577..4f9436cd 100644
--- a/example/icon/index.wxss
+++ b/example/icon/index.wxss
@@ -1,4 +1,14 @@
+.icon-wrap {
+  width: 33.33333%;
+  height: 100px;
+  float: left;
+  text-align: center;
+}
+.icon-classname {
+  color: #999;
+  font-size: 10px;
+}
 .zui-icon {
-  font-size: 32px;
+  font-size: 40px;
   margin: 20px;
 }