From 354759cb17bd6f7f87301ebfa479887351e26efd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=81=8F=E5=8F=B3?= <afc163@gmail.com>
Date: Sun, 18 Sep 2016 09:54:47 +0800
Subject: [PATCH] Redesigned icons (#3041)

* redesigned icons

* change iconfont content

* use same icons

* fix missing icons

* improve icon size
---
 components/cascader/style/index.less          |   4 +-
 components/checkbox/style/mixin.less          |   2 +-
 components/collapse/style/index.less          |   4 +-
 components/date-picker/style/Calendar.less    |   2 +-
 components/date-picker/style/DecadePanel.less |   4 +-
 components/date-picker/style/Picker.less      |   2 +-
 components/date-picker/style/TimePicker.less  |   2 +-
 components/date-picker/style/YearPanel.less   |   4 +-
 components/dropdown/style/index.less          |   2 +-
 components/form/style/index.less              |   8 +-
 components/icon/index.en-US.md                |  14 +-
 components/icon/index.zh-CN.md                |  14 +-
 components/input-number/style/index.less      |   4 +-
 components/menu/style/index.less              |   4 +-
 components/modal/style/modal.less             |   2 +-
 components/notification/style/index.less      |   2 +-
 components/pagination/style/index.less        |   8 +-
 components/rate/style/index.less              |   4 +-
 components/select/style/index.less            |  10 +-
 components/style/core/iconfont.less           | 401 ++++++++++--------
 components/style/themes/default.less          |   2 +-
 components/table/Table.tsx                    |   2 +-
 components/table/style/index.less             |  60 +--
 components/tabs/style/index.less              |   4 +-
 components/time-picker/style/index.less       |   4 +-
 components/tree/style/mixin.less              |   2 +-
 site/theme/static/common.less                 |   2 +-
 site/theme/static/markdown.less               |   2 +-
 site/theme/static/page-nav.less               |   6 +-
 site/theme/template/IconSet/index.jsx         |  10 +-
 30 files changed, 285 insertions(+), 306 deletions(-)

diff --git a/components/cascader/style/index.less b/components/cascader/style/index.less
index 366d385e00..de9cf3e05e 100644
--- a/components/cascader/style/index.less
+++ b/components/cascader/style/index.less
@@ -80,7 +80,7 @@
       margin-top: -6px;
       line-height: 12px;
       color: #999;
-      .iconfont-size-under-12px(8px);
+      .iconfont-size-under-12px(9px);
       &:before {
         transition: transform 0.2s ease;
       }
@@ -170,7 +170,7 @@
     &-expand {
       position: relative;
       &:after {
-        .iconfont-font("\e600");
+        .iconfont-font("\e61f");
         .iconfont-size-under-12px(8px);
         color: #999;
         position: absolute;
diff --git a/components/checkbox/style/mixin.less b/components/checkbox/style/mixin.less
index ace7964658..3c3c8607e6 100644
--- a/components/checkbox/style/mixin.less
+++ b/components/checkbox/style/mixin.less
@@ -186,7 +186,7 @@
   @media @ie8 {
     .@{checkbox-prefix-cls}-checked .@{checkbox-prefix-cls}-inner:before,
     .@{checkbox-prefix-cls}-checked .@{checkbox-prefix-cls}-inner:after {
-      .iconfont-font("\e62e");
+      .iconfont-font("\e632");
       font-weight: bold;
       font-size: 8px;
       border: 0;
diff --git a/components/collapse/style/index.less b/components/collapse/style/index.less
index ff9754e38c..b1b0ff3ae6 100644
--- a/components/collapse/style/index.less
+++ b/components/collapse/style/index.less
@@ -37,7 +37,7 @@
         display: inline-block;
         margin-right: 8px;
         line-height: 40px;
-        content: "\e611";
+        content: "\e606";
         vertical-align: middle;
         transition: transform 0.24s ease;
         top: 0;
@@ -45,7 +45,7 @@
         top: ~"16px \9";
         left: ~"0 \9";
         &:before {
-          content: "\e611";
+          content: "\e606";
         }
       }
     }
diff --git a/components/date-picker/style/Calendar.less b/components/date-picker/style/Calendar.less
index cf9d0d785a..256b6223f2 100644
--- a/components/date-picker/style/Calendar.less
+++ b/components/date-picker/style/Calendar.less
@@ -280,7 +280,7 @@
   }
 
   .@{calendar-prefix-cls}-clear-btn:after {
-    .iconfont-font("\e631");
+    .iconfont-font("\e62e");
     font-size: 12px;
     color: #ccc;
     display: inline-block;
diff --git a/components/date-picker/style/DecadePanel.less b/components/date-picker/style/DecadePanel.less
index 7985a26805..87016f0676 100644
--- a/components/date-picker/style/DecadePanel.less
+++ b/components/date-picker/style/DecadePanel.less
@@ -63,13 +63,13 @@
     user-select: none;
   }
   .@{calendar-prefix-cls}-decade-panel-decade:before {
-    content: "\e600";
+    content: "\e61f";
     font-family: "anticon" !important;
   }
 }
 
 .@{calendar-prefix-cls}-decade-panel-last-century-cell {
   .@{calendar-prefix-cls}-decade-panel-decade:before {
-    content: "\e601";
+    content: "\e620";
   }
 }
diff --git a/components/date-picker/style/Picker.less b/components/date-picker/style/Picker.less
index d2c1c05ef4..8d38a0dbf1 100644
--- a/components/date-picker/style/Picker.less
+++ b/components/date-picker/style/Picker.less
@@ -73,7 +73,7 @@
     top: 50%;
     margin-top: -6px;
     &:after {
-      content: "\e654";
+      content: "\e6bb";
       font-family: "anticon";
       font-size: 12px;
       color: #999;
diff --git a/components/date-picker/style/TimePicker.less b/components/date-picker/style/TimePicker.less
index e4680e1b78..0240ece24b 100644
--- a/components/date-picker/style/TimePicker.less
+++ b/components/date-picker/style/TimePicker.less
@@ -60,7 +60,7 @@
   }
 
   &-clear-btn:after {
-    content: "\e631";
+    content: "\e62e";
     font-family: "anticon";
     font-size: 12px;
     color: #ccc;
diff --git a/components/date-picker/style/YearPanel.less b/components/date-picker/style/YearPanel.less
index cdc253aeef..8ef89c21f4 100644
--- a/components/date-picker/style/YearPanel.less
+++ b/components/date-picker/style/YearPanel.less
@@ -63,13 +63,13 @@
     user-select: none;
   }
   .@{calendar-prefix-cls}-year-panel-year:before {
-    content: "\e600";
+    content: "\e61f";
     font-family: "anticon" !important;
   }
 }
 
 .@{calendar-prefix-cls}-year-panel-last-decade-cell {
   .@{calendar-prefix-cls}-year-panel-year:before {
-    content: "\e601";
+    content: "\e620";
   }
 }
diff --git a/components/dropdown/style/index.less b/components/dropdown/style/index.less
index b5415e7c20..9ca5031c2a 100644
--- a/components/dropdown/style/index.less
+++ b/components/dropdown/style/index.less
@@ -107,7 +107,7 @@
     &-submenu-title:after {
       font-family: "anticon" !important;
       position: absolute;
-      content: "\e600";
+      content: "\e61f";
       right: 15px;
       color: #999;
       .iconfont-size-under-12px(9px);
diff --git a/components/form/style/index.less b/components/form/style/index.less
index 56cc8addd6..893bd445b6 100644
--- a/components/form/style/index.less
+++ b/components/form/style/index.less
@@ -323,7 +323,7 @@ form {
   }
 
   &.has-feedback:after {
-    content: '\e62f';
+    content: '\e630';
     color: @success-color;
   }
 }
@@ -332,7 +332,7 @@ form {
   .form-control-validation(@warning-color; @warning-color;);
 
   &.has-feedback:after {
-    content: '\e634';
+    content: '\e62c';
     color: @warning-color;
   }
 
@@ -372,7 +372,7 @@ form {
   .form-control-validation(@error-color; @error-color;);
 
   &.has-feedback:after {
-    content: '\e631';
+    content: '\e62e';
     color: @error-color;
   }
 
@@ -425,7 +425,7 @@ form {
   &.has-feedback:after {
     display: inline-block;
     animation: loadingCircle 1s infinite linear;
-    content: "\e6a1";
+    content: "\e6ae";
     color: #999;
   }
 }
diff --git a/components/icon/index.en-US.md b/components/icon/index.en-US.md
index c5d1e1c840..61f74a945a 100644
--- a/components/icon/index.en-US.md
+++ b/components/icon/index.en-US.md
@@ -41,25 +41,19 @@ By default, icon components uses [iconfont.cn](http://iconfont.cn), publicly ava
 
 ```__react
 import IconSet from 'site/theme/template/IconSet';
-const icons1 = ['step-backward', 'step-forward', 'fast-backward', 'fast-forward', 'shrink', 'arrow-salt', 'down', 'up', 'left', 'right', 'caret-down', 'caret-up', 'caret-left', 'caret-right', 'caret-circle-right', 'caret-circle-left', 'caret-circle-o-right', 'caret-circle-o-left', 'circle-right', 'circle-left', 'circle-o-right', 'circle-o-left', 'double-right', 'double-left', 'verticle-right', 'verticle-left', 'forward', 'backward', 'rollback', 'enter', 'retweet', 'swap', 'swap-left', 'swap-right', 'arrow-right', 'arrow-up', 'arrow-down', 'arrow-left', 'play-circle', 'play-circle-o', 'circle-up', 'circle-down', 'circle-o-up', 'circle-o-down', 'caret-circle-o-up', 'caret-circle-o-down', 'caret-circle-up', 'caret-circle-down'];
-
-ReactDOM.render(<IconSet className="icons" icons={icons1} key="icons1" />, mountNode);
+ReactDOM.render(<IconSet className="icons" catigory="direction" />, mountNode);
 ```
 
 ### Suggested Icons
 
 ```__react
-const icons2 = ['question', 'question-circle-o', 'question-circle', 'plus', 'plus-circle-o', 'plus-circle', 'pause', 'pause-circle-o', 'pause-circle', 'minus', 'minus-circle-o', 'minus-circle', 'plus-square', 'minus-square', 'info', 'info-circle-o', 'info-circle', 'exclamation', 'exclamation-circle-o', 'exclamation-circle', 'cross', 'cross-circle-o', 'cross-circle', 'check', 'check-circle-o', 'check-circle', 'clock-circle-o', 'clock-circle'];
-
-ReactDOM.render(<IconSet className="icons" icons={icons2} key="icons2" />, mountNode);
+ReactDOM.render(<IconSet className="icons" catigory="suggestion" />, mountNode);
 ```
 
 ### Other Icons
 
 ```__react
-const icons3 = ['lock', 'unlock', 'android', 'apple', 'area-chart', 'bar-chart', 'bars', 'book', 'calendar', 'cloud', 'cloud-download', 'code', 'copy', 'credit-card', 'delete', 'desktop', 'download', 'edit', 'ellipsis', 'file', 'file-text', 'file-unknown', 'file-pdf','file-excel', 'file-jpg', 'file-ppt', 'folder', 'folder-open', 'github', 'hdd', 'frown', 'meh', 'inbox', 'laptop', 'appstore-o', 'appstore', 'line-chart', 'link', 'logout', 'mail', 'menu-fold', 'menu-unfold', 'mobile', 'notification', 'paper-clip', 'picture', 'pie-chart', 'poweroff', 'reload', 'search', 'setting', 'share-alt', 'shopping-cart', 'smile', 'tablet', 'tag', 'tags', 'to-top', 'upload', 'user', 'video-camera', 'windows', 'ie', 'chrome', 'home', 'loading', 'smile-circle', 'meh-circle', 'frown-circle', 'tags-o', 'tag-o', 'cloud-upload-o', 'cloud-download-o', 'cloud-upload', 'cloud-o', 'star-o', 'star', 'heart-o', 'heart', 'environment', 'environment-o', 'eye', 'eye-o', 'camera', 'camera-o', 'aliwangwang', 'aliwangwang-o', 'save', 'team', 'solution', 'phone', 'filter', 'exception', 'export', 'customerservice', 'qrcode', 'scan', 'like', 'dislike', 'message', 'pay-circle', 'pay-circle-o', 'calculator', 'pushpin', 'pushpin-o'];
-
-ReactDOM.render(<IconSet className="icons" icons={icons3} key="icons3" />, mountNode);
+ReactDOM.render(<IconSet className="icons" catigory="other" />, mountNode);
 ```
 
 <style>
@@ -111,7 +105,7 @@ ul.anticons-list li.copied:after {
   top: -10px;
 }
 .anticon {
-  font-size: 22px;
+  font-size: 24px;
   margin: 12px 0 16px;
   transition: all .3s;
 }
diff --git a/components/icon/index.zh-CN.md b/components/icon/index.zh-CN.md
index 5a737e86c2..f160aa56e7 100644
--- a/components/icon/index.zh-CN.md
+++ b/components/icon/index.zh-CN.md
@@ -42,25 +42,19 @@ toc: false
 
 ```__react
 import IconSet from 'site/theme/template/IconSet';
-const icons1 = ['step-backward', 'step-forward', 'fast-backward', 'fast-forward', 'shrink', 'arrow-salt', 'down', 'up', 'left', 'right', 'caret-down', 'caret-up', 'caret-left', 'caret-right', 'caret-circle-right', 'caret-circle-left', 'caret-circle-o-right', 'caret-circle-o-left', 'circle-right', 'circle-left', 'circle-o-right', 'circle-o-left', 'double-right', 'double-left', 'verticle-right', 'verticle-left', 'forward', 'backward', 'rollback', 'enter', 'retweet', 'swap', 'swap-left', 'swap-right', 'arrow-right', 'arrow-up', 'arrow-down', 'arrow-left', 'play-circle', 'play-circle-o', 'circle-up', 'circle-down', 'circle-o-up', 'circle-o-down', 'caret-circle-o-up', 'caret-circle-o-down', 'caret-circle-up', 'caret-circle-down'];
-
-ReactDOM.render(<IconSet className="icons" icons={icons1} key="icons1" />, mountNode);
+ReactDOM.render(<IconSet className="icons" catigory="direction" />, mountNode);
 ```
 
 ### 提示建议性图标
 
 ```__react
-const icons2 = ['question', 'question-circle-o', 'question-circle', 'plus', 'plus-circle-o', 'plus-circle', 'pause', 'pause-circle-o', 'pause-circle', 'minus', 'minus-circle-o', 'minus-circle', 'plus-square', 'minus-square', 'info', 'info-circle-o', 'info-circle', 'exclamation', 'exclamation-circle-o', 'exclamation-circle', 'cross', 'cross-circle-o', 'cross-circle', 'check', 'check-circle-o', 'check-circle', 'clock-circle-o', 'clock-circle'];
-
-ReactDOM.render(<IconSet className="icons" icons={icons2} key="icons2" />, mountNode);
+ReactDOM.render(<IconSet className="icons" catigory="suggestion" />, mountNode);
 ```
 
 ### 网站通用图标
 
 ```__react
-const icons3 = ['lock', 'unlock', 'android', 'apple', 'area-chart', 'bar-chart', 'bars', 'book', 'calendar', 'cloud', 'cloud-download', 'code', 'copy', 'credit-card', 'delete', 'desktop', 'download', 'edit', 'ellipsis', 'file', 'file-text', 'file-unknown', 'file-pdf','file-excel', 'file-jpg', 'file-ppt', 'folder', 'folder-open', 'github', 'hdd', 'frown', 'meh', 'inbox', 'laptop', 'appstore-o', 'appstore', 'line-chart', 'link', 'logout', 'mail', 'menu-fold', 'menu-unfold', 'mobile', 'notification', 'paper-clip', 'picture', 'pie-chart', 'poweroff', 'reload', 'search', 'setting', 'share-alt', 'shopping-cart', 'smile', 'tablet', 'tag', 'tags', 'to-top', 'upload', 'user', 'video-camera', 'windows', 'ie', 'chrome', 'home', 'loading', 'smile-circle', 'meh-circle', 'frown-circle', 'tags-o', 'tag-o', 'cloud-upload-o', 'cloud-download-o', 'cloud-upload', 'cloud-o', 'star-o', 'star', 'heart-o', 'heart', 'environment', 'environment-o', 'eye', 'eye-o', 'camera', 'camera-o', 'aliwangwang', 'aliwangwang-o', 'save', 'team', 'solution', 'phone', 'filter', 'exception', 'export', 'customerservice', 'qrcode', 'scan', 'like', 'dislike', 'message', 'pay-circle', 'pay-circle-o', 'calculator', 'pushpin', 'pushpin-o'];
-
-ReactDOM.render(<IconSet className="icons" icons={icons3} key="icons3" />, mountNode);
+ReactDOM.render(<IconSet className="icons" catigory="other" />, mountNode);
 ```
 
 <style>
@@ -112,7 +106,7 @@ ul.anticons-list li.copied:after {
   top: -10px;
 }
 .anticon {
-  font-size: 22px;
+  font-size: 24px;
   margin: 12px 0 16px;
   transition: all .3s;
 }
diff --git a/components/input-number/style/index.less b/components/input-number/style/index.less
index d695fefaa5..b4f0f398f6 100644
--- a/components/input-number/style/index.less
+++ b/components/input-number/style/index.less
@@ -175,7 +175,7 @@
       top: 1px;
       &:before {
         text-align: center;
-        content: "\e602";
+        content: "\e61e";
       }
     }
     &:hover {
@@ -193,7 +193,7 @@
     &-inner {
       &:before {
         text-align: center;
-        content: "\e603";
+        content: "\e61d";
       }
     }
     &:hover {
diff --git a/components/menu/style/index.less b/components/menu/style/index.less
index 75c0f8817a..3d4a62c8db 100644
--- a/components/menu/style/index.less
+++ b/components/menu/style/index.less
@@ -196,7 +196,7 @@
       text-rendering: auto;
       position: absolute;
       transition: transform .3s ease;
-      content: "\e603";
+      content: "\e61d";
       right: 16px;
       .ie-rotate(3);
       transform: rotate(270deg) scale(0.75);
@@ -211,7 +211,7 @@
       text-rendering: auto;
       position: absolute;
       transition: transform .3s ease;
-      content: "\e603";
+      content: "\e61d";
       right: 16px;
       top: 0;
       .iconfont-size-under-12px(8px);
diff --git a/components/modal/style/modal.less b/components/modal/style/modal.less
index cb8aa9f08f..0376b893e1 100644
--- a/components/modal/style/modal.less
+++ b/components/modal/style/modal.less
@@ -62,7 +62,7 @@
       line-height: 1;
 
       &:before {
-        content: "\e62d";
+        content: "\e633";
         display: block;
         font-family: "anticon" !important;
       }
diff --git a/components/notification/style/index.less b/components/notification/style/index.less
index 107d51c282..2892474caa 100644
--- a/components/notification/style/index.less
+++ b/components/notification/style/index.less
@@ -75,7 +75,7 @@
 
     &-close-x:after {
       font-size: @font-size-base;
-      content: "\e62d";
+      content: "\e633";
       font-family: "anticon";
       cursor: pointer;
     }
diff --git a/components/pagination/style/index.less b/components/pagination/style/index.less
index 075c3ef0f3..1d79725b93 100644
--- a/components/pagination/style/index.less
+++ b/components/pagination/style/index.less
@@ -88,7 +88,7 @@
   &-jump-prev {
     &:hover {
       &:after {
-        content: "\e601\e601";
+        content: "\e620\e620";
       }
     }
   }
@@ -96,7 +96,7 @@
   &-jump-next {
     &:hover {
       &:after {
-        content: "\e600\e600";
+        content: "\e61f\e61f";
       }
     }
   }
@@ -156,7 +156,7 @@
     a {
       &:after {
         margin-top: -.5px;
-        content: "\e601";
+        content: "\e620";
         display: block;
       }
     }
@@ -165,7 +165,7 @@
   &-next {
     a {
       &:after {
-        content: "\e600";
+        content: "\e61f";
         display: block;
       }
     }
diff --git a/components/rate/style/index.less b/components/rate/style/index.less
index 6b7b1bac35..fbfc75f348 100644
--- a/components/rate/style/index.less
+++ b/components/rate/style/index.less
@@ -8,7 +8,7 @@
   margin: 0;
   padding: 0;
   list-style: none;
-  font-size: 18px;
+  font-size: 20px;
   display: inline-block;
   vertical-align: middle;
   font-family: 'anticon';
@@ -41,7 +41,7 @@
     &-content:before {
       color: #e9e9e9;
       cursor: pointer;
-      content: "\E694";
+      content: "\e660";
       transition: all 0.3s ease;
       display: block;
     }
diff --git a/components/select/style/index.less b/components/select/style/index.less
index c0099835a1..4c9cdf4456 100644
--- a/components/select/style/index.less
+++ b/components/select/style/index.less
@@ -27,7 +27,7 @@
   transition: color 0.3s ease, opacity 0.15s ease;
   &:before {
     display: block;
-    .iconfont-font("\e631");
+    .iconfont-font("\e62e");
   }
   &:hover {
     color: #999;
@@ -55,14 +55,14 @@
     right: 8px;
     line-height: 1;
     margin-top: -6px;
-    .iconfont-size-under-12px(8px);
+    .iconfont-size-under-12px(9px);
 
     * {
       display: none;
     }
 
     &:before {
-      content: '\e603';
+      content: '\e61d';
       transition: transform 0.2s ease;
     }
   }
@@ -319,7 +319,7 @@
         color: #404040;
       }
       &:before {
-        content: "\e62d";
+        content: "\e633";
       }
     }
   }
@@ -480,7 +480,7 @@
   &&--multiple {
     .@{select-prefix-cls}-dropdown-menu-item {
       &:after {
-        .iconfont-font("\e62e");
+        .iconfont-font("\e632");
         color: transparent;
         .iconfont-size-under-12px(10px);
         transition: all 0.2s ease;
diff --git a/components/style/core/iconfont.less b/components/style/core/iconfont.less
index efffb8d430..1afbcb2df7 100644
--- a/components/style/core/iconfont.less
+++ b/components/style/core/iconfont.less
@@ -13,189 +13,226 @@
  .iconfont-mixin();
 }
 
-.@{iconfont-css-prefix}-caret-circle-o-up:before        {content:"\e60c";}
-.@{iconfont-css-prefix}-android:before                  {content:"\e64f";}
-.@{iconfont-css-prefix}-chrome:before                   {content:"\e65c";}
-.@{iconfont-css-prefix}-appstore-o:before               {content:"\e6b2";}
-.@{iconfont-css-prefix}-appstore:before                 {content:"\e64d";}
-.@{iconfont-css-prefix}-apple:before                    {content:"\e64e";}
-.@{iconfont-css-prefix}-github:before                   {content:"\e674";}
-.@{iconfont-css-prefix}-inbox:before                    {content:"\e67b";}
-.@{iconfont-css-prefix}-ie:before                       {content:"\e67c";}
-.@{iconfont-css-prefix}-smile:before                    {content:"\e677";}
-.@{iconfont-css-prefix}-smile-circle:before             {content:"\e676";}
-.@{iconfont-css-prefix}-meh-circle:before               {content:"\e678";}
-.@{iconfont-css-prefix}-frown:before                    {content:"\e673";}
-.@{iconfont-css-prefix}-frown-circle:before             {content:"\e672";}
-.@{iconfont-css-prefix}-meh:before                      {content:"\e679";}
-.@{iconfont-css-prefix}-pie-chart:before                {content:"\e68a";}
-.@{iconfont-css-prefix}-tags:before                     {content:"\e656";}
-.@{iconfont-css-prefix}-tags-o:before                   {content:"\e657";}
-.@{iconfont-css-prefix}-tag:before                      {content:"\e658";}
-.@{iconfont-css-prefix}-tag-o:before                    {content:"\e659";}
-.@{iconfont-css-prefix}-cloud:before                    {content:"\e65a";}
-.@{iconfont-css-prefix}-cloud-upload-o:before           {content:"\e697";}
-.@{iconfont-css-prefix}-cloud-download-o:before         {content:"\e698";}
-.@{iconfont-css-prefix}-cloud-upload:before             {content:"\e696";}
-.@{iconfont-css-prefix}-cloud-o:before                  {content:"\e699";}
-.@{iconfont-css-prefix}-cloud-download:before           {content:"\e65b";}
-.@{iconfont-css-prefix}-star-o:before                   {content:"\e693";}
-.@{iconfont-css-prefix}-star:before                     {content:"\e694";}
-.@{iconfont-css-prefix}-environment:before              {content:"\e665";}
-.@{iconfont-css-prefix}-environment-o:before            {content:"\e666";}
-.@{iconfont-css-prefix}-eye:before                      {content:"\e66e";}
-.@{iconfont-css-prefix}-eye-o:before                    {content:"\e66d";}
-.@{iconfont-css-prefix}-camera:before                   {content:"\e653";}
-.@{iconfont-css-prefix}-camera-o:before                 {content:"\e652";}
-.@{iconfont-css-prefix}-aliwangwang:before              {content:"\e64b";}
-.@{iconfont-css-prefix}-aliwangwang-o:before            {content:"\e64a";}
-.@{iconfont-css-prefix}-windows:before                  {content:"\e6a0";}
-.@{iconfont-css-prefix}-shopping-cart:before            {content:"\e692";}
-.@{iconfont-css-prefix}-unlock:before                   {content:"\e69f";}
-.@{iconfont-css-prefix}-lock:before                     {content:"\e69d";}
-.@{iconfont-css-prefix}-save:before                     {content:"\e69e";}
-.@{iconfont-css-prefix}-user:before                     {content:"\e69c";}
-.@{iconfont-css-prefix}-video-camera:before             {content:"\e69b";}
-.@{iconfont-css-prefix}-to-top:before                   {content:"\e69a";}
-.@{iconfont-css-prefix}-team:before                     {content:"\e680";}
-.@{iconfont-css-prefix}-tablet:before                   {content:"\e695";}
-.@{iconfont-css-prefix}-solution:before                 {content:"\e68f";}
-.@{iconfont-css-prefix}-poweroff:before                 {content:"\e691";}
-.@{iconfont-css-prefix}-search:before                   {content:"\e690";}
-.@{iconfont-css-prefix}-share-alt:before                {content:"\e68e";}
-.@{iconfont-css-prefix}-setting:before                  {content:"\e68d";}
-.@{iconfont-css-prefix}-poweroff:before                 {content:"\e68b";}
-.@{iconfont-css-prefix}-picture:before                  {content:"\e689";}
-.@{iconfont-css-prefix}-phone:before                    {content:"\e688";}
-.@{iconfont-css-prefix}-paper-clip:before               {content:"\e687";}
-.@{iconfont-css-prefix}-notification:before             {content:"\e686";}
-.@{iconfont-css-prefix}-mobile:before                   {content:"\e685";}
-.@{iconfont-css-prefix}-menu-fold:before                {content:"\e684";}
-.@{iconfont-css-prefix}-menu-unfold:before              {content:"\e683";}
-.@{iconfont-css-prefix}-mail:before                     {content:"\e682";}
-.@{iconfont-css-prefix}-logout:before                   {content:"\e681";}
-.@{iconfont-css-prefix}-link:before                     {content:"\e67e";}
-.@{iconfont-css-prefix}-line-chart:before               {content:"\e67f";}
-.@{iconfont-css-prefix}-home:before                     {content:"\e67d";}
-.@{iconfont-css-prefix}-laptop:before                   {content:"\e67a";}
-.@{iconfont-css-prefix}-hdd:before                      {content:"\e675";}
-.@{iconfont-css-prefix}-folder-open:before              {content:"\e671";}
-.@{iconfont-css-prefix}-folder:before                   {content:"\e670";}
-.@{iconfont-css-prefix}-filter:before                   {content:"\e66f";}
-.@{iconfont-css-prefix}-file-text:before                {content:"\e66c";}
-.@{iconfont-css-prefix}-file:before                     {content:"\e66b";}
-.@{iconfont-css-prefix}-file-unknown:before             {content:"\e6a6";}
-.@{iconfont-css-prefix}-file-excel:before               {content:"\e6ac";}
-.@{iconfont-css-prefix}-file-pdf:before                 {content:"\e6ab";}
-.@{iconfont-css-prefix}-file-jpg:before                 {content:"\e6aa";}
-.@{iconfont-css-prefix}-file-ppt:before                 {content:"\e6a7";}
-.@{iconfont-css-prefix}-exception:before                {content:"\e66a";}
-.@{iconfont-css-prefix}-export:before                   {content:"\e669";}
-.@{iconfont-css-prefix}-desktop:before                  {content:"\e662";}
-.@{iconfont-css-prefix}-edit:before                     {content:"\e668";}
-.@{iconfont-css-prefix}-ellipsis:before                 {content:"\e667";}
-.@{iconfont-css-prefix}-upload:before                   {content:"\e664";}
-.@{iconfont-css-prefix}-download:before                 {content:"\e663";}
-.@{iconfont-css-prefix}-delete:before                   {content:"\e661";}
-.@{iconfont-css-prefix}-copy:before                     {content:"\e660";}
-.@{iconfont-css-prefix}-customerservice:before          {content:"\e65e";}
-.@{iconfont-css-prefix}-credit-card:before              {content:"\e65f";}
-.@{iconfont-css-prefix}-code:before                     {content:"\e65d";}
-.@{iconfont-css-prefix}-calendar:before                 {content:"\e654";}
-.@{iconfont-css-prefix}-book:before                     {content:"\e655";}
-.@{iconfont-css-prefix}-bars:before                     {content:"\e650";}
-.@{iconfont-css-prefix}-bar-chart:before                {content:"\e651";}
-.@{iconfont-css-prefix}-area-chart:before               {content:"\e64c";}
-.@{iconfont-css-prefix}-question-circle-o:before        {content:"\e648";}
-.@{iconfont-css-prefix}-question:before                 {content:"\e649";}
-.@{iconfont-css-prefix}-question-circle:before          {content:"\e647";}
-.@{iconfont-css-prefix}-pause-circle:before             {content:"\e644";}
-.@{iconfont-css-prefix}-pause:before                    {content:"\e646";}
-.@{iconfont-css-prefix}-pause-circle-o:before           {content:"\e645";}
-.@{iconfont-css-prefix}-clock-circle:before             {content:"\e642";}
-.@{iconfont-css-prefix}-clock-circle-o:before           {content:"\e643";}
-.@{iconfont-css-prefix}-swap:before                     {content:"\e641";}
-.@{iconfont-css-prefix}-swap-left:before                {content:"\e63f";}
-.@{iconfont-css-prefix}-swap-right:before               {content:"\e640";}
-.@{iconfont-css-prefix}-plus-circle:before              {content:"\e63d";}
-.@{iconfont-css-prefix}-plus:before                     {content:"\e63e";}
-.@{iconfont-css-prefix}-plus-circle-o:before            {content:"\e63c";}
-.@{iconfont-css-prefix}-minus:before                    {content:"\e63b";}
-.@{iconfont-css-prefix}-minus-circle-o:before           {content:"\e63a";}
-.@{iconfont-css-prefix}-minus-circle:before             {content:"\e639";}
-.@{iconfont-css-prefix}-plus-square:before              {content:"\e6ae";}
-.@{iconfont-css-prefix}-minus-square:before             {content:"\e6ad";}
-.@{iconfont-css-prefix}-info-circle-o:before            {content:"\e638";}
-.@{iconfont-css-prefix}-info-circle:before              {content:"\e637";}
-.@{iconfont-css-prefix}-info:before                     {content:"\e636";}
-.@{iconfont-css-prefix}-exclamation-circle:before       {content:"\e634";}
-.@{iconfont-css-prefix}-exclamation-circle-o:before     {content:"\e635";}
-.@{iconfont-css-prefix}-exclamation:before              {content:"\e633";}
-.@{iconfont-css-prefix}-cross-circle:before             {content:"\e631";}
-.@{iconfont-css-prefix}-cross-circle-o:before           {content:"\e632";}
-.@{iconfont-css-prefix}-check-circle:before             {content:"\e62f";}
-.@{iconfont-css-prefix}-check-circle-o:before           {content:"\e630";}
-.@{iconfont-css-prefix}-cross:before                    {content:"\e62d";}
-.@{iconfont-css-prefix}-check:before                    {content:"\e62e";}
-.@{iconfont-css-prefix}-verticle-right:before           {content:"\e62c";}
-.@{iconfont-css-prefix}-verticle-left:before            {content:"\e62b";}
-.@{iconfont-css-prefix}-rollback:before                 {content:"\e62a";}
-.@{iconfont-css-prefix}-enter:before                    {content:"\e6b6";}
-.@{iconfont-css-prefix}-retweet:before                  {content:"\e627";}
-.@{iconfont-css-prefix}-shrink:before                   {content:"\e628";}
-.@{iconfont-css-prefix}-arrow-salt:before               {content:"\e629";}
-.@{iconfont-css-prefix}-reload:before                   {content:"\e626";}
-.@{iconfont-css-prefix}-double-right:before             {content:"\e625";}
-.@{iconfont-css-prefix}-double-left:before              {content:"\e624";}
-.@{iconfont-css-prefix}-arrow-right:before              {content:"\e621";}
-.@{iconfont-css-prefix}-arrow-up:before                 {content:"\e622";}
-.@{iconfont-css-prefix}-arrow-down:before               {content:"\e623";}
-.@{iconfont-css-prefix}-arrow-left:before               {content:"\e620";}
-.@{iconfont-css-prefix}-left:before                     {content:"\e601";}
-.@{iconfont-css-prefix}-right:before                    {content:"\e600";}
-.@{iconfont-css-prefix}-down:before                     {content:"\e603";}
-.@{iconfont-css-prefix}-up:before                       {content:"\e602";}
-.@{iconfont-css-prefix}-play-circle:before              {content:"\e61e";}
-.@{iconfont-css-prefix}-play-circle-o:before            {content:"\e61f";}
-.@{iconfont-css-prefix}-circle-left:before              {content:"\e61b";}
-.@{iconfont-css-prefix}-circle-up:before                {content:"\e61c";}
-.@{iconfont-css-prefix}-circle-down:before              {content:"\e61d";}
-.@{iconfont-css-prefix}-circle-right:before             {content:"\e61a";}
-.@{iconfont-css-prefix}-circle-o-right:before           {content:"\e616";}
-.@{iconfont-css-prefix}-circle-o-up:before              {content:"\e618";}
-.@{iconfont-css-prefix}-circle-o-down:before            {content:"\e617";}
-.@{iconfont-css-prefix}-circle-o-left:before            {content:"\e619";}
-.@{iconfont-css-prefix}-step-backward:before            {content:"\e614";}
-.@{iconfont-css-prefix}-step-forward:before             {content:"\e615";}
-.@{iconfont-css-prefix}-fast-backward:before            {content:"\e613";}
-.@{iconfont-css-prefix}-fast-forward:before             {content:"\e612";}
-.@{iconfont-css-prefix}-caret-left:before               {content:"\e60f";}
-.@{iconfont-css-prefix}-caret-right:before              {content:"\e60a";}
-.@{iconfont-css-prefix}-caret-down:before               {content:"\e611";}
-.@{iconfont-css-prefix}-caret-up:before                 {content:"\e610";}
-.@{iconfont-css-prefix}-forward:before                  {content:"\e608";}
-.@{iconfont-css-prefix}-backward:before                 {content:"\e609";}
-.@{iconfont-css-prefix}-caret-circle-o-down:before      {content:"\e60e";}
-.@{iconfont-css-prefix}-caret-circle-o-right:before     {content:"\e60d";}
-.@{iconfont-css-prefix}-caret-circle-o-left:before      {content:"\e60b";}
-.@{iconfont-css-prefix}-caret-circle-left:before        {content:"\e604";}
-.@{iconfont-css-prefix}-caret-circle-right:before       {content:"\e605";}
-.@{iconfont-css-prefix}-caret-circle-up:before          {content:"\e606";}
-.@{iconfont-css-prefix}-caret-circle-down:before        {content:"\e607";}
-.@{iconfont-css-prefix}-qrcode:before                   {content:"\e6a5";}
-.@{iconfont-css-prefix}-scan:before                     {content:"\e6af";}
-.@{iconfont-css-prefix}-like:before                     {content:"\e6a3";}
-.@{iconfont-css-prefix}-dislike:before                  {content:"\e6a2";}
-.@{iconfont-css-prefix}-pay-circle:before               {content:"\e6a8";}
-.@{iconfont-css-prefix}-pay-circle-o:before             {content:"\e6a9";}
-.@{iconfont-css-prefix}-message:before                  {content:"\e6a4";}
-.@{iconfont-css-prefix}-heart:before                    {content:"\e68c";}
-.@{iconfont-css-prefix}-heart-o:before                  {content:"\e6b0";}
-.@{iconfont-css-prefix}-calculator:before               {content:"\e6b1";}
-.@{iconfont-css-prefix}-pushpin:before                  {content:"\e6b5";}
-.@{iconfont-css-prefix}-pushpin-o:before                {content:"\e6b3";}
+.@{iconfont-css-prefix}-step-forward:before { content: "\e600"; }
+.@{iconfont-css-prefix}-step-backward:before { content: "\e601"; }
+.@{iconfont-css-prefix}-forward:before { content: "\e602"; }
+.@{iconfont-css-prefix}-backward:before { content: "\e603"; }
+.@{iconfont-css-prefix}-caret-right:before { content: "\e604"; }
+.@{iconfont-css-prefix}-caret-left:before { content: "\e605"; }
+.@{iconfont-css-prefix}-caret-down:before { content: "\e606"; }
+.@{iconfont-css-prefix}-caret-up:before { content: "\e607"; }
+.@{iconfont-css-prefix}-right-circle:before { content: "\e608"; }
+.@{iconfont-css-prefix}-circle-right:before { content: "\e608"; } // antd@1.x compatibility alias: right-circle
+.@{iconfont-css-prefix}-caret-circle-right:before { content: "\e608"; } // antd@1.x compatibility alias: right-circle
+.@{iconfont-css-prefix}-left-circle:before { content: "\e609"; }
+.@{iconfont-css-prefix}-circle-left:before { content: "\e609"; } // antd@1.x compatibility alias: left-circle
+.@{iconfont-css-prefix}-caret-circle-left:before { content: "\e609"; } // antd@1.x compatibility alias: left-circle
+.@{iconfont-css-prefix}-up-circle:before { content: "\e60a"; }
+.@{iconfont-css-prefix}-circle-up:before { content: "\e60a"; } // antd@1.x compatibility alias: up-circle
+.@{iconfont-css-prefix}-caret-circle-up:before { content: "\e60a"; } // antd@1.x compatibility alias: up-circle
+.@{iconfont-css-prefix}-down-circle:before { content: "\e60b"; }
+.@{iconfont-css-prefix}-circle-down:before { content: "\e60b"; } // antd@1.x compatibility alias: down-circle
+.@{iconfont-css-prefix}-caret-circle-down:before { content: "\e60b"; } // antd@1.x compatibility alias: down-circle
+.@{iconfont-css-prefix}-right-circle-o:before { content: "\e60c"; }
+.@{iconfont-css-prefix}-circle-o-right:before { content: "\e60c"; } // antd@1.x compatibility alias: right-circle-o
+.@{iconfont-css-prefix}-caret-circle-o-right:before { content: "\e60c"; } // antd@1.x compatibility alias: right-circle-o
+.@{iconfont-css-prefix}-left-circle-o:before { content: "\e60d"; }
+.@{iconfont-css-prefix}-circle-o-left:before { content: "\e60d"; } // antd@1.x compatibility alias: left-circle-o
+.@{iconfont-css-prefix}-caret-circle-o-left:before { content: "\e60d"; } // antd@1.x compatibility alias: left-circle-o
+.@{iconfont-css-prefix}-up-circle-o:before { content: "\e60e"; }
+.@{iconfont-css-prefix}-circle-o-up:before { content: "\e60e"; } // antd@1.x compatibility alias: up-circle-o
+.@{iconfont-css-prefix}-caret-circle-o-up:before { content: "\e60e"; } // antd@1.x compatibility alias: up-circle-o
+.@{iconfont-css-prefix}-down-circle-o:before { content: "\e60f"; }
+.@{iconfont-css-prefix}-circle-o-down:before { content: "\e60f"; } // antd@1.x compatibility alias: down-circle-o
+.@{iconfont-css-prefix}-caret-circle-o-down:before { content: "\e60f"; } // antd@1.x compatibility alias: down-circle-o
+.@{iconfont-css-prefix}-verticle-left:before { content: "\e610"; }
+.@{iconfont-css-prefix}-verticle-right:before { content: "\e611"; }
+.@{iconfont-css-prefix}-rollback:before { content: "\e612"; }
+.@{iconfont-css-prefix}-retweet:before { content: "\e613"; }
+.@{iconfont-css-prefix}-shrink:before { content: "\e614"; }
+.@{iconfont-css-prefix}-arrows-alt:before { content: "\e615"; }
+.@{iconfont-css-prefix}-arrow-salt:before { content: "\e615"; } // antd@1.x compatibility alias: arrows-alt
+.@{iconfont-css-prefix}-reload:before { content: "\e616"; }
+.@{iconfont-css-prefix}-double-right:before { content: "\e617"; }
+.@{iconfont-css-prefix}-double-left:before { content: "\e618"; }
+.@{iconfont-css-prefix}-arrow-down:before { content: "\e619"; }
+.@{iconfont-css-prefix}-arrow-up:before { content: "\e61a"; }
+.@{iconfont-css-prefix}-arrow-right:before { content: "\e61b"; }
+.@{iconfont-css-prefix}-arrow-left:before { content: "\e61c"; }
+.@{iconfont-css-prefix}-down:before { content: "\e61d"; }
+.@{iconfont-css-prefix}-up:before { content: "\e61e"; }
+.@{iconfont-css-prefix}-right:before { content: "\e61f"; }
+.@{iconfont-css-prefix}-left:before { content: "\e620"; }
+.@{iconfont-css-prefix}-minus-square-o:before { content: "\e621"; }
+.@{iconfont-css-prefix}-minus-circle:before { content: "\e622"; }
+.@{iconfont-css-prefix}-minus-circle-o:before { content: "\e623"; }
+.@{iconfont-css-prefix}-minus:before { content: "\e624"; }
+.@{iconfont-css-prefix}-plus-circle-o:before { content: "\e625"; }
+.@{iconfont-css-prefix}-plus-circle:before { content: "\e626"; }
+.@{iconfont-css-prefix}-plus:before { content: "\e627"; }
+.@{iconfont-css-prefix}-info-circle:before { content: "\e628"; }
+.@{iconfont-css-prefix}-info-circle-o:before { content: "\e629"; }
+.@{iconfont-css-prefix}-info:before { content: "\e62a"; }
+.@{iconfont-css-prefix}-exclamation:before { content: "\e62b"; }
+.@{iconfont-css-prefix}-exclamation-circle:before { content: "\e62c"; }
+.@{iconfont-css-prefix}-exclamation-circle-o:before { content: "\e62d"; }
+.@{iconfont-css-prefix}-close-circle:before { content: "\e62e"; }
+.@{iconfont-css-prefix}-cross-circle:before { content: "\e62e"; } // antd@1.x compatibility alias: close-circle
+.@{iconfont-css-prefix}-close-circle-o:before { content: "\e62f"; }
+.@{iconfont-css-prefix}-cross-circle-o:before { content: "\e62f"; } // antd@1.x compatibility alias: close-circle-o
+.@{iconfont-css-prefix}-check-circle:before { content: "\e630"; }
+.@{iconfont-css-prefix}-check-circle-o:before { content: "\e631"; }
+.@{iconfont-css-prefix}-check:before { content: "\e632"; }
+.@{iconfont-css-prefix}-close:before { content: "\e633"; }
+.@{iconfont-css-prefix}-cross:before { content: "\e633"; } // antd@1.x compatibility alias: close
+.@{iconfont-css-prefix}-customer-service:before { content: "\e634"; }
+.@{iconfont-css-prefix}-customerservice:before { content: "\e634"; } // antd@1.x compatibility alias: customer-service
+.@{iconfont-css-prefix}-credit-card:before { content: "\e635"; }
+.@{iconfont-css-prefix}-code-o:before { content: "\e636"; }
+.@{iconfont-css-prefix}-book:before { content: "\e637"; }
+.@{iconfont-css-prefix}-bar-chart:before { content: "\e638"; }
+.@{iconfont-css-prefix}-bars:before { content: "\e639"; }
+.@{iconfont-css-prefix}-question:before { content: "\e63a"; }
+.@{iconfont-css-prefix}-question-circle:before { content: "\e63b"; }
+.@{iconfont-css-prefix}-question-circle-o:before { content: "\e63c"; }
+.@{iconfont-css-prefix}-pause:before { content: "\e63d"; }
+.@{iconfont-css-prefix}-pause-circle:before { content: "\e63e"; }
+.@{iconfont-css-prefix}-pause-circle-o:before { content: "\e63f"; }
+.@{iconfont-css-prefix}-clock-circle:before { content: "\e640"; }
+.@{iconfont-css-prefix}-clock-circle-o:before { content: "\e641"; }
+.@{iconfont-css-prefix}-swap:before { content: "\e642"; }
+.@{iconfont-css-prefix}-swap-left:before { content: "\e643"; }
+.@{iconfont-css-prefix}-swap-right:before { content: "\e644"; }
+.@{iconfont-css-prefix}-plus-square-o:before { content: "\e645"; }
+.@{iconfont-css-prefix}-frown:before { content: "\e646"; }
+.@{iconfont-css-prefix}-frown-circle:before { content: "\e646"; } // antd@1.x compatibility alias: frown
+.@{iconfont-css-prefix}-ellipsis:before { content: "\e647"; }
+.@{iconfont-css-prefix}-copy:before { content: "\e648"; }
+.@{iconfont-css-prefix}-menu-fold:before { content: "\e658"; }
+.@{iconfont-css-prefix}-mail:before { content: "\e659"; }
+.@{iconfont-css-prefix}-logout:before { content: "\e65a"; }
+.@{iconfont-css-prefix}-link:before { content: "\e65b"; }
+.@{iconfont-css-prefix}-area-chart:before { content: "\e65c"; }
+.@{iconfont-css-prefix}-line-chart:before { content: "\e65d"; }
+.@{iconfont-css-prefix}-home:before { content: "\e65e"; }
+.@{iconfont-css-prefix}-laptop:before { content: "\e65f"; }
+.@{iconfont-css-prefix}-star:before { content: "\e660"; }
+.@{iconfont-css-prefix}-star-o:before { content: "\e661"; }
+.@{iconfont-css-prefix}-folder:before { content: "\e662"; }
+.@{iconfont-css-prefix}-filter:before { content: "\e663"; }
+.@{iconfont-css-prefix}-file:before { content: "\e664"; }
+.@{iconfont-css-prefix}-exception:before { content: "\e665"; }
+.@{iconfont-css-prefix}-meh:before { content: "\e666"; }
+.@{iconfont-css-prefix}-meh-circle:before { content: "\e666"; } // antd@1.x compatibility alias: meh
+.@{iconfont-css-prefix}-meh-o:before { content: "\e667"; }
+.@{iconfont-css-prefix}-shopping-cart:before { content: "\e668"; }
+.@{iconfont-css-prefix}-save:before { content: "\e669"; }
+.@{iconfont-css-prefix}-user:before { content: "\e66a"; }
+.@{iconfont-css-prefix}-video-camera:before { content: "\e66b"; }
+.@{iconfont-css-prefix}-to-top:before { content: "\e66c"; }
+.@{iconfont-css-prefix}-team:before { content: "\e66d"; }
+.@{iconfont-css-prefix}-tablet:before { content: "\e66e"; }
+.@{iconfont-css-prefix}-solution:before { content: "\e66f"; }
+.@{iconfont-css-prefix}-search:before { content: "\e670"; }
+.@{iconfont-css-prefix}-share-alt:before { content: "\e671"; }
+.@{iconfont-css-prefix}-setting:before { content: "\e672"; }
+.@{iconfont-css-prefix}-poweroff:before { content: "\e6d5"; }
+.@{iconfont-css-prefix}-picture:before { content: "\e674"; }
+.@{iconfont-css-prefix}-phone:before { content: "\e675"; }
+.@{iconfont-css-prefix}-paper-clip:before { content: "\e676"; }
+.@{iconfont-css-prefix}-notification:before { content: "\e677"; }
+.@{iconfont-css-prefix}-mobile:before { content: "\e678"; }
+.@{iconfont-css-prefix}-menu-unfold:before { content: "\e679"; }
+.@{iconfont-css-prefix}-inbox:before { content: "\e67a"; }
+.@{iconfont-css-prefix}-lock:before { content: "\e67b"; }
+.@{iconfont-css-prefix}-qrcode:before { content: "\e67c"; }
+.@{iconfont-css-prefix}-play-circle:before { content: "\e6d0"; }
+.@{iconfont-css-prefix}-play-circle-o:before { content: "\e6d1"; }
+.@{iconfont-css-prefix}-tag:before { content: "\e6d2"; }
+.@{iconfont-css-prefix}-tag-o:before { content: "\e6d3"; }
+.@{iconfont-css-prefix}-tags:before { content: "\e67d"; }
+.@{iconfont-css-prefix}-tags-o:before { content: "\e67e"; }
+.@{iconfont-css-prefix}-cloud-o:before { content: "\e67f"; }
+.@{iconfont-css-prefix}-cloud:before { content: "\e680"; }
+.@{iconfont-css-prefix}-cloud-upload:before { content: "\e681"; }
+.@{iconfont-css-prefix}-cloud-download:before { content: "\e682"; }
+.@{iconfont-css-prefix}-cloud-download-o:before { content: "\e683"; }
+.@{iconfont-css-prefix}-cloud-upload-o:before { content: "\e684"; }
+.@{iconfont-css-prefix}-environment:before { content: "\e685"; }
+.@{iconfont-css-prefix}-environment-o:before { content: "\e686"; }
+.@{iconfont-css-prefix}-eye:before { content: "\e687"; }
+.@{iconfont-css-prefix}-eye-o:before { content: "\e688"; }
+.@{iconfont-css-prefix}-camera:before { content: "\e689"; }
+.@{iconfont-css-prefix}-camera-o:before { content: "\e68a"; }
+.@{iconfont-css-prefix}-windows:before { content: "\e68b"; }
+.@{iconfont-css-prefix}-apple:before { content: "\e68c"; }
+.@{iconfont-css-prefix}-apple-o:before { content: "\e6d4"; }
+.@{iconfont-css-prefix}-android:before { content: "\e68d"; }
+.@{iconfont-css-prefix}-aliwangwang:before { content: "\e68e"; }
+.@{iconfont-css-prefix}-aliwangwang-o:before { content: "\e68f"; }
+.@{iconfont-css-prefix}-export:before { content: "\e691"; }
+.@{iconfont-css-prefix}-edit:before { content: "\e692"; }
+.@{iconfont-css-prefix}-circle-down-o:before { content: "\e693"; }
+.@{iconfont-css-prefix}-circle-down-:before { content: "\e694"; }
+.@{iconfont-css-prefix}-appstore-o:before { content: "\e695"; }
+.@{iconfont-css-prefix}-appstore:before { content: "\e696"; }
+.@{iconfont-css-prefix}-scan:before { content: "\e697"; }
+.@{iconfont-css-prefix}-file-text:before { content: "\e698"; }
+.@{iconfont-css-prefix}-folder-open:before { content: "\e699"; }
+.@{iconfont-css-prefix}-hdd:before { content: "\e69a"; }
+.@{iconfont-css-prefix}-ie:before { content: "\e69b"; }
+.@{iconfont-css-prefix}-file-jpg:before { content: "\e69c"; }
+.@{iconfont-css-prefix}-like:before { content: "\e69d"; }
+.@{iconfont-css-prefix}-dislike:before { content: "\e69e"; }
+.@{iconfont-css-prefix}-delete:before { content: "\e69f"; }
+.@{iconfont-css-prefix}-enter:before { content: "\e6a0"; }
+.@{iconfont-css-prefix}-pushpin-o:before { content: "\e6a1"; }
+.@{iconfont-css-prefix}-pushpin:before { content: "\e6a2"; }
+.@{iconfont-css-prefix}-heart:before { content: "\e6a3"; }
+.@{iconfont-css-prefix}-heart-o:before { content: "\e6a4"; }
+.@{iconfont-css-prefix}-pay-circle:before { content: "\e6a5"; }
+.@{iconfont-css-prefix}-pay-circle-o:before { content: "\e6a6"; }
+.@{iconfont-css-prefix}-smile:before { content: "\e6a7"; }
+.@{iconfont-css-prefix}-smile-circle:before { content: "\e6a7"; }  // antd@1.x compatibility alias: smile
+.@{iconfont-css-prefix}-smile-o:before { content: "\e6a8"; }
+.@{iconfont-css-prefix}-frown-o:before { content: "\e6a9"; }
+.@{iconfont-css-prefix}-calculator:before { content: "\e6aa"; }
+.@{iconfont-css-prefix}-message:before { content: "\e6ab"; }
+.@{iconfont-css-prefix}-chrome:before { content: "\e6ac"; }
+.@{iconfont-css-prefix}-github:before { content: "\e6ad"; }
+.@{iconfont-css-prefix}-file-unknown:before { content: "\e6af"; }
+.@{iconfont-css-prefix}-file-excel:before { content: "\e6b0"; }
+.@{iconfont-css-prefix}-file-ppt:before { content: "\e6b1"; }
+.@{iconfont-css-prefix}-file-word:before { content: "\e6b2"; }
+.@{iconfont-css-prefix}-file-pdf:before { content: "\e6b3"; }
+.@{iconfont-css-prefix}-desktop:before { content: "\e6b4"; }
+.@{iconfont-css-prefix}-upload:before { content: "\e6b6"; }
+.@{iconfont-css-prefix}-download:before { content: "\e6b7"; }
+.@{iconfont-css-prefix}-pie-chart:before { content: "\e6b8"; }
+.@{iconfont-css-prefix}-unlock:before { content: "\e6ba"; }
+.@{iconfont-css-prefix}-calendar:before { content: "\e6bb"; }
+.@{iconfont-css-prefix}-windows-o:before { content: "\e6bc"; }
+.@{iconfont-css-prefix}-dot-chart:before { content: "\e6bd"; }
+.@{iconfont-css-prefix}-bar-chart:before { content: "\e6be"; }
+.@{iconfont-css-prefix}-code:before { content: "\e6bf"; }
+.@{iconfont-css-prefix}-plus-square:before { content: "\e6c0"; }
+.@{iconfont-css-prefix}-minus-square:before { content: "\e6c1"; }
+.@{iconfont-css-prefix}-close-square:before { content: "\e6c2"; }
+.@{iconfont-css-prefix}-close-square-o:before { content: "\e6c3"; }
+.@{iconfont-css-prefix}-check-square:before { content: "\e6c4"; }
+.@{iconfont-css-prefix}-check-square-o:before { content: "\e6c5"; }
+.@{iconfont-css-prefix}-fast-backward:before { content: "\e6c6"; }
+.@{iconfont-css-prefix}-fast-forward:before { content: "\e6c7"; }
+.@{iconfont-css-prefix}-up-square:before { content: "\e6c8"; }
+.@{iconfont-css-prefix}-down-square:before { content: "\e6c9"; }
+.@{iconfont-css-prefix}-left-square:before { content: "\e6ca"; }
+.@{iconfont-css-prefix}-right-square:before { content: "\e6cb"; }
+.@{iconfont-css-prefix}-right-square-o:before { content: "\e6cc"; }
+.@{iconfont-css-prefix}-left-square-o:before { content: "\e6cd"; }
+.@{iconfont-css-prefix}-down-square-o:before { content: "\e6ce"; }
+.@{iconfont-css-prefix}-up-square-o:before { content: "\e6cf"; }
 .@{iconfont-css-prefix}-loading:before {
   display: inline-block;
   animation: loadingCircle 1s infinite linear;
-  content:"\e6a1";
+  content: "\e6ae";
 }
diff --git a/components/style/themes/default.less b/components/style/themes/default.less
index 06ddc41cd4..ad2bfcb187 100644
--- a/components/style/themes/default.less
+++ b/components/style/themes/default.less
@@ -23,7 +23,7 @@
 
 // ICONFONT
 @iconfont-css-prefix    : anticon;
-@icon-url               : "https://at.alicdn.com/t/font_1463992151_360388";
+@icon-url               : "https://at.alicdn.com/t/font_1473840929_824008";
 
 // LINK
 @link-color             : #2db7f5;
diff --git a/components/table/Table.tsx b/components/table/Table.tsx
index 3572bc6626..4ffbb92df6 100644
--- a/components/table/Table.tsx
+++ b/components/table/Table.tsx
@@ -26,7 +26,7 @@ const defaultLocale = {
   filterTitle: '筛选',
   filterConfirm: '确定',
   filterReset: '重置',
-  emptyText: <span><Icon type="frown" />暂无数据</span>,
+  emptyText: <span><Icon type="frown-o" />暂无数据</span>,
 };
 
 const defaultPagination = {
diff --git a/components/table/style/index.less b/components/table/style/index.less
index 50b9be3afd..a15cc4d407 100644
--- a/components/table/style/index.less
+++ b/components/table/style/index.less
@@ -33,7 +33,7 @@
 
     .@{iconfont-css-prefix}-filter {
       margin-left: 4px;
-      .iconfont-size-under-12px(10px);
+      font-size: 12px;
       cursor: pointer;
       color: #aaa;
       transition: all 0.3s ease;
@@ -199,13 +199,13 @@
     margin-left: 4px;
     display: inline-block;
     width: 12px;
-    height: 15px;
+    height: 14px;
     vertical-align: middle;
     text-align: center;
     &-up,
     &-down {
       line-height: 4px;
-      height: 6px;
+      height: 5px;
       display: block;
       width: 12px;
       cursor: pointer;
@@ -221,7 +221,7 @@
     }
     .@{iconfont-css-prefix}-caret-up,
     .@{iconfont-css-prefix}-caret-down {
-      .iconfont-size-under-12px(6px);
+      .iconfont-size-under-12px(7px);
       line-height: 6px;
       height: 6px;
       color: #aaa;
@@ -501,56 +501,4 @@
   &&-scroll-position-right &-fixed-right {
     box-shadow: none;
   }
-
-  &-column-hidden {
-    display: none;
-  }
-
-  &-thead > tr > th&-column-has-prev {
-    position: relative;
-  }
-
-  &-thead > tr > th&-column-has-prev,
-  &-tbody > tr > td&-column-has-prev {
-    padding-left: 24px;
-  }
-
-  &-prev-columns-page,
-  &-next-columns-page {
-    cursor: pointer;
-    color: #666;
-    z-index: 1;
-    &:hover {
-      color: @primary-color;
-    }
-    &-disabled {
-      cursor: not-allowed;
-      color: #bbb;
-      &:hover {
-        color: #bbb;
-      }
-    }
-  }
-
-  &-prev-columns-page {
-    position: absolute;
-    left: 8px;
-    &:before {
-      content: '\e601';
-      .iconfont-size-under-12px(9px);
-      font-weight: bold;
-      font-family: anticon;
-    }
-  }
-
-  &-next-columns-page {
-    float: right;
-    margin-left: 8px;
-    &:before {
-      content: '\e600';
-      .iconfont-size-under-12px(9px);
-      font-weight: bold;
-      font-family: anticon;
-    }
-  }
 }
diff --git a/components/tabs/style/index.less b/components/tabs/style/index.less
index 62c6bb176c..dd4feeca86 100644
--- a/components/tabs/style/index.less
+++ b/components/tabs/style/index.less
@@ -100,14 +100,14 @@
     right: 2px;
 
     &-icon:before {
-      content: "\e600";
+      content: "\e61f";
     }
   }
 
   &-tab-prev {
     left: 0;
     &-icon:before {
-      content: "\e601";
+      content: "\e620";
     }
     :root & {
       filter: none;
diff --git a/components/time-picker/style/index.less b/components/time-picker/style/index.less
index acc539e790..c77da67c9b 100644
--- a/components/time-picker/style/index.less
+++ b/components/time-picker/style/index.less
@@ -67,7 +67,7 @@
     line-height: 1;
     width: 20px;
     transition: color 0.3s ease;
-    .iconfont-font("\e631");
+    .iconfont-font("\e62e");
   }
 
   &-clear-btn:hover:after {
@@ -210,7 +210,7 @@
     top: 50%;
     margin-top: -6px;
     &:after {
-      content: "\e643";
+      content: "\e641";
       font-family: "anticon";
       font-size: 12px;
       color: #999;
diff --git a/components/tree/style/mixin.less b/components/tree/style/mixin.less
index 8cd440fb57..a7cff868c6 100644
--- a/components/tree/style/mixin.less
+++ b/components/tree/style/mixin.less
@@ -5,7 +5,7 @@
   &:after {
     .iconfont-size-under-12px(6px);
     display: inline-block;
-    .iconfont-font("\e611");
+    .iconfont-font("\e606");
     font-weight: bold;
     position: absolute;
     top: 1px;
diff --git a/site/theme/static/common.less b/site/theme/static/common.less
index 67dca5ba79..aa8e24df45 100644
--- a/site/theme/static/common.less
+++ b/site/theme/static/common.less
@@ -73,7 +73,7 @@ div.main-container {
 }
 
 .outside-link:after {
-  content: '\E669';
+  content: '\e691';
   font-family: 'anticon';
   margin-left: 5px;
   font-size: 12px;
diff --git a/site/theme/static/markdown.less b/site/theme/static/markdown.less
index beb92d068c..65f78402d0 100644
--- a/site/theme/static/markdown.less
+++ b/site/theme/static/markdown.less
@@ -183,7 +183,7 @@
 
   .anticon {
     display: block;
-    font-size: 14px;
+    font-size: 16px;
   }
 }
 
diff --git a/site/theme/static/page-nav.less b/site/theme/static/page-nav.less
index 199b174f21..1e7d3b60ab 100644
--- a/site/theme/static/page-nav.less
+++ b/site/theme/static/page-nav.less
@@ -19,7 +19,7 @@
 
 .prev-next-nav > a.prev-page:before {
   font-family: 'anticon';
-  content: '\e601';
+  content: '\e620';
   font-size: 12px;
   margin-right: 1em;
 }
@@ -31,7 +31,7 @@
 
 .prev-next-nav > a.next-page:after {
   font-family: 'anticon';
-  content: '\e600';
+  content: '\e61f';
   font-size: 12px;
   margin-left: 1em;
-}
\ No newline at end of file
+}
diff --git a/site/theme/template/IconSet/index.jsx b/site/theme/template/IconSet/index.jsx
index 52e966ddca..1c6b6f2179 100644
--- a/site/theme/template/IconSet/index.jsx
+++ b/site/theme/template/IconSet/index.jsx
@@ -7,8 +7,14 @@ export default class IconSet extends React.Component {
     icons: [],
   }
 
+  icons = {
+    direction: ['step-backward', 'step-forward', 'fast-backward', 'fast-forward', 'shrink', 'arrows-alt', 'down', 'up', 'left', 'right', 'caret-up', 'caret-down', 'caret-left', 'caret-right', 'up-circle', 'down-circle', 'left-circle', 'right-circle', 'up-circle-o', 'down-circle-o', 'right-circle-o', 'left-circle-o', 'double-right', 'double-left', 'verticle-left', 'verticle-right', 'forward', 'backward', 'rollback', 'enter', 'retweet', 'swap', 'swap-left', 'swap-right', 'arrow-up', 'arrow-down', 'arrow-left', 'arrow-right', 'play-circle', 'play-circle-o', 'up-square', 'down-square', 'left-square', 'right-square', 'up-square-o', 'down-square-o', 'left-square-o', 'right-square-o'],
+    suggestion: ['question', 'question-circle-o', 'question-circle', 'plus', 'plus-circle-o', 'plus-circle', 'pause', 'pause-circle-o', 'pause-circle', 'minus', 'minus-circle-o', 'minus-circle', 'plus-square', 'plus-square-o', 'minus-square', 'minus-square-o', 'info', 'info-circle-o', 'info-circle', 'exclamation', 'exclamation-circle-o', 'exclamation-circle', 'close', 'close-circle', 'close-circle-o', 'close-square', 'close-square-o', 'check', 'check-circle', 'check-circle-o', 'check-square', 'check-square-o', 'clock-circle-o', 'clock-circle'],
+    other: ['lock', 'unlock', 'android', 'apple', 'apple-o', 'area-chart', 'pie-chart', 'bar-chart', 'dot-chart', 'bars', 'book', 'calendar', 'cloud', 'cloud-download', 'code', 'code-o', 'copy', 'credit-card', 'delete', 'desktop', 'download', 'edit', 'ellipsis', 'file', 'file-text', 'file-unknown', 'file-pdf', 'file-excel', 'file-jpg', 'file-ppt', 'folder', 'folder-open', 'github', 'hdd', 'frown', 'frown-o', 'meh', 'meh-o', 'smile', 'smile-o', 'inbox', 'laptop', 'appstore-o', 'appstore', 'line-chart', 'link', 'logout', 'mail', 'menu-fold', 'menu-unfold', 'mobile', 'notification', 'paper-clip', 'picture', 'poweroff', 'reload', 'search', 'setting', 'share-alt', 'shopping-cart', 'tablet', 'tag', 'tag-o', 'tags', 'tags-o', 'to-top', 'upload', 'user', 'video-camera', 'windows', 'windows-o', 'ie', 'chrome', 'home', 'loading', 'cloud-upload-o', 'cloud-download-o', 'cloud-upload', 'cloud-o', 'star-o', 'star', 'heart-o', 'heart', 'environment', 'environment-o', 'eye', 'eye-o', 'camera', 'camera-o', 'aliwangwang', 'aliwangwang-o', 'save', 'team', 'solution', 'phone', 'filter', 'exception', 'export', 'customer-service', 'qrcode', 'scan', 'like', 'dislike', 'message', 'pay-circle', 'pay-circle-o', 'calculator', 'pushpin', 'pushpin-o'],
+  };
+
   render() {
-    const className = this.props.className;
+    const { className, catigory } = this.props;
     const listClassName = classNames({
       'anticons-list': true,
       clearfix: true,
@@ -16,7 +22,7 @@ export default class IconSet extends React.Component {
     });
     return (
       <ul className={listClassName}>
-        {this.props.icons.map((type, i) => <CopyableIcon key={i} type={type} />)}
+        {this.icons[catigory].map((type, i) => <CopyableIcon key={i} type={type} />)}
       </ul>
     );
   }