diff --git a/app.js b/app.js
index 725edee2..beb8eaca 100644
--- a/app.js
+++ b/app.js
@@ -1,5 +1,5 @@
 
 App({
-  globalData:{
-  }
-})
+  globalData: {
+  },
+});
diff --git a/app.json b/app.json
index 4374623a..69f6d622 100644
--- a/app.json
+++ b/app.json
@@ -14,7 +14,8 @@
     "example/form/index",
     "example/steps/index",
     "example/namecard/index",
-    "example/toast/index"
+    "example/toast/index",
+    "example/icon/index"
   ],
   "window":{
     "navigationBarBackgroundColor": "#FAFAFA",
@@ -22,5 +23,6 @@
     "navigationBarTextStyle":"black",
     "backgroundTextStyle":"dark",
     "backgroundColor": "#f9f9f9"
-  }
+  },
+  "debug": true
 }
diff --git a/dist/icon/index.wxss b/dist/icon/index.wxss
new file mode 100644
index 00000000..4bc6251b
--- /dev/null
+++ b/dist/icon/index.wxss
@@ -0,0 +1,55 @@
+/* DO NOT EDIT! Generated by fount */
+
+@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')
+}
+
+.zui-icon {
+    display: inline-block;
+}
+.zui-icon:before {
+  font-family: "zuiicon" !important;
+  font-style: normal;
+  font-weight: normal;
+  speak: none;
+
+  display: inline-block;
+  text-decoration: inherit;
+  width: 1em;
+  text-align: center;
+
+  /* For safety - reset parent styles, that can break glyph codes*/
+  font-variant: normal;
+  text-transform: none;
+
+  /* fix buttons height, for twitter bootstrap */
+  line-height: 1em;
+
+  /* Animation center compensation - margins should be symmetric */
+  /* remove if not needed */
+  /* margin-left: .2em; */
+
+  /* you can be more comfortable with increased icons size */
+  /* font-size: 120%; */
+
+  /* Font smoothing. That was taken from TWBS */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+
+  /* Uncomment for 3D effect */
+  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
+}
+/* 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'; } /* '' */
diff --git a/dist/index.wxss b/dist/index.wxss
index 8a66f808..1efd4bda 100644
--- a/dist/index.wxss
+++ b/dist/index.wxss
@@ -14,3 +14,4 @@
 @import "steps/index.wxss";
 @import "toast/index.wxss";
 @import "toptips/index.wxss";
+@import "icon/index.wxss";
diff --git a/dist/quantity/index.js b/dist/quantity/index.js
index 332bcce4..58cd5d91 100644
--- a/dist/quantity/index.js
+++ b/dist/quantity/index.js
@@ -4,7 +4,9 @@ function handle(e, num) {
   var disabled = dataset.disabled;
   var quantity = +dataset.quantity;
 
-  if (disabled == 'true') return null;
+  console.error(disabled, typeof disabled);
+
+  if (disabled == true) return null;
 
   callback.call(this, componentId, quantity + num);
 }
diff --git a/example/dashboard/index.wxml b/example/dashboard/index.wxml
index 2c5e1792..430e2a88 100644
--- a/example/dashboard/index.wxml
+++ b/example/dashboard/index.wxml
@@ -5,6 +5,10 @@
       <view class="zui-cell__bd">Button</view>
       <view class="zui-cell__ft"></view>
     </navigator>
+    <navigator class="zui-cell zui-cell--access" url="/example/icon/index">
+      <view class="zui-cell__bd">Icon</view>
+      <view class="zui-cell__ft"></view>
+    </navigator>
     <navigator class="zui-cell zui-cell--access" url="/example/loadmore/index">
       <view class="zui-cell__bd">Loadmore</view>
       <view class="zui-cell__ft"></view>
diff --git a/example/icon/index.js b/example/icon/index.js
new file mode 100644
index 00000000..843ceb7c
--- /dev/null
+++ b/example/icon/index.js
@@ -0,0 +1,21 @@
+var app = getApp()
+
+Page({
+  data: {
+    icons: [
+      'cancel',
+      'store',
+      'certificate',
+      'arrow',
+      'shopping-cart',
+
+    ]
+  },
+
+  onLoad: function () {
+
+  },
+
+  onShow: function() {
+  },
+})
diff --git a/example/icon/index.wxml b/example/icon/index.wxml
new file mode 100644
index 00000000..e1bc073e
--- /dev/null
+++ b/example/icon/index.wxml
@@ -0,0 +1,8 @@
+<view class="container">
+  <view class="zui-panel">
+    <view wx:for="{{ icons }}" wx:for-item="icon">
+      <view class="zui-icon zui-icon-{{ icon }}"></view>
+      <view style="display: inline-block;">zui-icon-{{ icon }}</view>
+    </view>
+  </view>
+</view>
diff --git a/example/icon/index.wxss b/example/icon/index.wxss
new file mode 100644
index 00000000..bb27e577
--- /dev/null
+++ b/example/icon/index.wxss
@@ -0,0 +1,4 @@
+.zui-icon {
+  font-size: 32px;
+  margin: 20px;
+}