diff --git a/build/bin/iconInit.js b/build/bin/iconInit.js
index ea55eff5a..40691ccee 100644
--- a/build/bin/iconInit.js
+++ b/build/bin/iconInit.js
@@ -17,4 +17,6 @@ nodes.forEach((node) => {
   }
 });
 
+classList.reverse(); // 希望按 css 文件顺序倒序排列
+
 fs.writeFile(path.resolve(__dirname, '../../examples/icon.json'), JSON.stringify(classList), () => {});
diff --git a/examples/docs/en-US/icon.md b/examples/docs/en-US/icon.md
index 9a9648181..b7cc5dc77 100644
--- a/examples/docs/en-US/icon.md
+++ b/examples/docs/en-US/icon.md
@@ -20,7 +20,7 @@ Just assign the class name to `el-icon-iconName`.
 ### Icons
 
 <ul class="icon-list">
-  <li v-for="name in ['info','error','success','warning','question','back','arrow-left','arrow-down','arrow-right','arrow-up','caret-left','caret-bottom','caret-top','caret-right','d-arrow-left','d-arrow-right','minus','plus','remove','circle-plus','remove-outline','circle-plus-outline','close','check','circle-close','circle-check','circle-close-outline','circle-check-outline','zoom-out','zoom-in','d-caret','sort','sort-down','sort-up','tickets','document','goods','sold-out','news','message','date','printer','time','bell','mobile-phone','service','view','menu','more','more-outline','star-on','star-off','location','location-outline','phone','phone-outline','picture','picture-outline','delete','search','edit','edit-outline','rank','refresh','share','setting','upload','upload2','download','loading']" :key="name">
+  <li v-for="name in $icon" :key="name">
     <span>
       <i :class="'el-icon-' + name"></i>
       <span class="icon-name">{{'el-icon-' + name}}</span>
diff --git a/examples/docs/es/icon.md b/examples/docs/es/icon.md
index 72783af96..e2e251462 100644
--- a/examples/docs/es/icon.md
+++ b/examples/docs/es/icon.md
@@ -20,7 +20,7 @@ Simplemente asigna el nombre de la clase a `el-icon-iconName`.
 ### Iconos
 
 <ul class="icon-list">
-  <li v-for="name in ['info','error','success','warning','question','back','arrow-left','arrow-down','arrow-right','arrow-up','caret-left','caret-bottom','caret-top','caret-right','d-arrow-left','d-arrow-right','minus','plus','remove','circle-plus','remove-outline','circle-plus-outline','close','check','circle-close','circle-check','circle-close-outline','circle-check-outline','zoom-out','zoom-in','d-caret','sort','sort-down','sort-up','tickets','document','goods','sold-out','news','message','date','printer','time','bell','mobile-phone','service','view','menu','more','more-outline','star-on','star-off','location','location-outline','phone','phone-outline','picture','picture-outline','delete','search','edit','edit-outline','rank','refresh','share','setting','upload','upload2','download','loading']" :key="name">
+  <li v-for="name in $icon" :key="name">
     <span>
       <i :class="'el-icon-' + name"></i>
       <span class="icon-name">{{'el-icon-' + name}}</span>
diff --git a/examples/docs/fr-FR/icon.md b/examples/docs/fr-FR/icon.md
index cb7ec0ce2..1b57d11e8 100644
--- a/examples/docs/fr-FR/icon.md
+++ b/examples/docs/fr-FR/icon.md
@@ -20,7 +20,7 @@ Il vous suffit d'assigner le nom de classe `el-icon-iconName` à une balise `<i>
 ### Icônes
 
 <ul class="icon-list">
-  <li v-for="name in ['info','error','success','warning','question','back','arrow-left','arrow-down','arrow-right','arrow-up','caret-left','caret-bottom','caret-top','caret-right','d-arrow-left','d-arrow-right','minus','plus','remove','circle-plus','remove-outline','circle-plus-outline','close','check','circle-close','circle-check','circle-close-outline','circle-check-outline','zoom-out','zoom-in','d-caret','sort','sort-down','sort-up','tickets','document','goods','sold-out','news','message','date','printer','time','bell','mobile-phone','service','view','menu','more','more-outline','star-on','star-off','location','location-outline','phone','phone-outline','picture','picture-outline','delete','search','edit','edit-outline','rank','refresh','share','setting','upload','upload2','download','loading']" :key="name">
+  <li v-for="name in $icon" :key="name">
     <span>
       <i :class="'el-icon-' + name"></i>
       <span class="icon-name">{{'el-icon-' + name}}</span>
diff --git a/examples/docs/zh-CN/icon.md b/examples/docs/zh-CN/icon.md
index ca7d420de..b0310b3f3 100644
--- a/examples/docs/zh-CN/icon.md
+++ b/examples/docs/zh-CN/icon.md
@@ -19,7 +19,7 @@
 ### 图标集合
 
 <ul class="icon-list">
-  <li v-for="name in ['info','error','success','warning','question','back','arrow-left','arrow-down','arrow-right','arrow-up','caret-left','caret-bottom','caret-top','caret-right','d-arrow-left','d-arrow-right','minus','plus','remove','circle-plus','remove-outline','circle-plus-outline','close','check','circle-close','circle-check','circle-close-outline','circle-check-outline','zoom-out','zoom-in','d-caret','sort','sort-down','sort-up','tickets','document','goods','sold-out','news','message','date','printer','time','bell','mobile-phone','service','view','menu','more','more-outline','star-on','star-off','location','location-outline','phone','phone-outline','picture','picture-outline','delete','search','edit','edit-outline','rank','refresh','share','setting','upload','upload2','download','loading']" :key="name">
+  <li v-for="name in $icon" :key="name">
     <span>
       <i :class="'el-icon-' + name"></i>
       <span class="icon-name">{{'el-icon-' + name}}</span>
diff --git a/examples/entry.js b/examples/entry.js
index 5d5c13464..703bc57b0 100644
--- a/examples/entry.js
+++ b/examples/entry.js
@@ -15,6 +15,7 @@ import 'packages/theme-chalk/src/index.scss';
 import './demo-styles/index.scss';
 import './assets/styles/common.css';
 import './assets/styles/fonts/style.css';
+import icon from './icon.json';
 
 Vue.use(Element);
 Vue.use(VueRouter);
@@ -24,6 +25,8 @@ Vue.component('main-header', MainHeader);
 Vue.component('side-nav', SideNav);
 Vue.component('footer-nav', FooterNav);
 
+Vue.prototype.$icon = icon; // Icon 列表页用
+
 const router = new VueRouter({
   mode: 'hash',
   base: __dirname,
diff --git a/examples/icon.json b/examples/icon.json
index 0355a8865..6c4bcdfcf 100644
--- a/examples/icon.json
+++ b/examples/icon.json
@@ -1 +1 @@
-["info","error","success","warning","question","back","arrow-left","arrow-down","arrow-right","arrow-up","caret-left","caret-bottom","caret-top","caret-right","d-arrow-left","d-arrow-right","minus","plus","remove","circle-plus","remove-outline","circle-plus-outline","close","check","circle-close","circle-check","circle-close-outline","circle-check-outline","zoom-out","zoom-in","d-caret","sort","sort-down","sort-up","tickets","document","goods","sold-out","news","message","date","printer","time","bell","mobile-phone","service","view","menu","more","more-outline","star-on","star-off","location","location-outline","phone","phone-outline","picture","picture-outline","delete","search","edit","edit-outline","rank","refresh","share","setting","upload","upload2","download","loading"]
\ No newline at end of file
+["platform-eleme","delete-solid","platform-baidu","eleme","c-scale-to-original","sort-up","sort-down","upload","goods","video-pause","video-play","s-cooperation","s-order","s-platform","s-unfold","s-operation","s-promotion","s-home","s-release","s-ticket","s-management","s-open","s-shop","s-help","s-goods","s-marketing","s-kpi","s-comment","s-finance","s-claim","s-tools","s-custom","s-opportunity","s-fold","s-data","s-check","s-grid","user-solid","question","warning","remove","info","circle-plus","picture","location","error","success","camera-solid","d-caret","message-solid","menu","star-on","video-camera-solid","phone","more","share","caret-left","caret-right","caret-bottom","caret-top","date","circle-close-outline","edit","folder","folder-opened","folder-add","folder-remove","folder-delete","folder-checked","tickets","document-remove","document-delete","document-copy","document-checked","document","document-add","printer","paperclip","download","upload2","takeaway-box","camera","search","zoom-in","zoom-out","monitor","attract","mobile","video-camera","scissors","umbrella","headset","decoration","data-line","mouse","coordinate","magic","reading","data-board","pie-chart","data-analysis","collection-tag","edit-outline","film","suitcase-locked","suitcase","suitcase-1","picture-outline-round","picture-outline","receiving","collection","files","notebook-1","notebook-2","toilet-paper","office-building","school","table-lamp","home","no-smoking","smoking","shopping-cart-full","shopping-cart-1","shopping-cart-2","shopping-bag-1","shopping-bag-2","present","box","bank-card","shopping-voucher","coin","wallet-1","wallet-2","discount","tag","medal","diamond","bicycle","truck","ship","news","help","guide","female","man","thumb","cpu","link","connection","open","turn-off","set-up","chat-round","chat-line-round","chat-square","chat-dot-round","chat-dot-square","chat-line-square","open-mail","message","postcard","position","turn-off-microphone","microphone","close-notification","bell","bangzhu","circle-plus-outline","remove-outline","complete","circle-check-outline","time","odometer","crop","aim","switch-button","full-screen","copy-document","star-off","basketball","football","basketball-1","soccer","baseball","mike","Stopwatch","medal-1","medal-2","trophy","trophy-1","first-aid-kit","discover","place","location-outline","location-information","add-location","delete-location","map-location","alarm-clock","timer-1","timer-2","timer-3","watch-1","watch-2","wind-power","light-rain","lightning","heavy-rain","sunrise","sunrise-1","sunset","sunny","cloudy","partly-cloudy","cloudy-and-sunny","moon","moon-night","bottom-left","bottom-right","bottom","back","right","top-left","top-right","top","lock","unlock","user","key","arrow-up","arrow-right","arrow-down","arrow-left","d-arrow-left","d-arrow-right","close","check","plus","minus","delete","merchandise","sold-out","service","mobile-phone","sort","rank","refresh","loading","view","finished","more-outline","phone-outline","setting","warning-outline","refresh-right","refresh-left","dish","dish-1","food","chicken","fork-spoon","knife-fork","knife-and-fork","burger","tableware","sugar","ice-drink","ice-cream","hot-water","water-cup","coffee-cup","cold-drink","goblet","goblet-full","goblet-square","goblet-square-full","refrigerator","grape","watermelon","cherry","apple","pear","orange","starbucks","milk-tea-1","milk-tea-2","milk-tea-3","coffee","potato-strips","lollipop","ice-cream-square","ice-cream-round"]
\ No newline at end of file
diff --git a/packages/theme-chalk/src/fonts/element-icons.ttf b/packages/theme-chalk/src/fonts/element-icons.ttf
index 73bc90f4a..0509e7de6 100644
Binary files a/packages/theme-chalk/src/fonts/element-icons.ttf and b/packages/theme-chalk/src/fonts/element-icons.ttf differ
diff --git a/packages/theme-chalk/src/fonts/element-icons.woff b/packages/theme-chalk/src/fonts/element-icons.woff
index 28da65d49..2c0404f58 100644
Binary files a/packages/theme-chalk/src/fonts/element-icons.woff and b/packages/theme-chalk/src/fonts/element-icons.woff differ
diff --git a/packages/theme-chalk/src/icon.scss b/packages/theme-chalk/src/icon.scss
index d1c05776f..58e4bd234 100644
--- a/packages/theme-chalk/src/icon.scss
+++ b/packages/theme-chalk/src/icon.scss
@@ -25,145 +25,1173 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
-.el-icon-info:before { content: "\e61a"; }
+.el-icon-ice-cream-round:before {
+  content: "\e6a0";
+}
 
-.el-icon-error:before { content: "\e62c"; }
+.el-icon-ice-cream-square:before {
+  content: "\e6a3";
+}
 
-.el-icon-success:before { content: "\e62d"; }
+.el-icon-lollipop:before {
+  content: "\e6a4";
+}
 
-.el-icon-warning:before { content: "\e62e"; }
+.el-icon-potato-strips:before {
+  content: "\e6a5";
+}
 
-.el-icon-question:before { content: "\e634"; }
+.el-icon-coffee:before {
+  content: "\e6a6";
+}
 
-.el-icon-back:before { content: "\e606"; }
+.el-icon-milk-tea-3:before {
+  content: "\e6a7";
+}
 
-.el-icon-arrow-left:before { content: "\e600"; }
+.el-icon-milk-tea-2:before {
+  content: "\e6a8";
+}
 
-.el-icon-arrow-down:before { content: "\e603"; }
+.el-icon-milk-tea-1:before {
+  content: "\e6a9";
+}
 
-.el-icon-arrow-right:before { content: "\e604"; }
+.el-icon-starbucks:before {
+  content: "\e6aa";
+}
 
-.el-icon-arrow-up:before { content: "\e605"; }
+.el-icon-orange:before {
+  content: "\e6ab";
+}
 
-.el-icon-caret-left:before { content: "\e60a"; }
+.el-icon-pear:before {
+  content: "\e6ac";
+}
 
-.el-icon-caret-bottom:before { content: "\e60b"; }
+.el-icon-apple:before {
+  content: "\e6ad";
+}
 
-.el-icon-caret-top:before { content: "\e60c"; }
+.el-icon-cherry:before {
+  content: "\e6ae";
+}
 
-.el-icon-caret-right:before { content: "\e60e"; }
+.el-icon-watermelon:before {
+  content: "\e6af";
+}
 
-.el-icon-d-arrow-left:before { content: "\e610"; }
+.el-icon-grape:before {
+  content: "\e6b0";
+}
 
-.el-icon-d-arrow-right:before { content: "\e613"; }
+.el-icon-refrigerator:before {
+  content: "\e6b1";
+}
 
-.el-icon-minus:before { content: "\e621"; }
+.el-icon-goblet-square-full:before {
+  content: "\e6b2";
+}
 
-.el-icon-plus:before { content: "\e62b"; }
+.el-icon-goblet-square:before {
+  content: "\e6b3";
+}
 
-.el-icon-remove:before { content: "\e635"; }
+.el-icon-goblet-full:before {
+  content: "\e6b4";
+}
 
-.el-icon-circle-plus:before { content: "\e601"; }
+.el-icon-goblet:before {
+  content: "\e6b5";
+}
 
-.el-icon-remove-outline:before { content: "\e63c"; }
+.el-icon-cold-drink:before {
+  content: "\e6b6";
+}
 
-.el-icon-circle-plus-outline:before { content: "\e602"; }
+.el-icon-coffee-cup:before {
+  content: "\e6b8";
+}
 
-.el-icon-close:before { content: "\e60f"; }
+.el-icon-water-cup:before {
+  content: "\e6b9";
+}
 
-.el-icon-check:before { content: "\e611"; }
+.el-icon-hot-water:before {
+  content: "\e6ba";
+}
 
-.el-icon-circle-close:before { content: "\e607"; }
+.el-icon-ice-cream:before {
+  content: "\e6bb";
+}
 
-.el-icon-circle-check:before { content: "\e639"; }
+.el-icon-ice-drink:before {
+  content: "\e6bc";
+}
 
-.el-icon-circle-close-outline:before { content: "\e609"; }
+.el-icon-sugar:before {
+  content: "\e6bd";
+}
 
-.el-icon-circle-check-outline:before { content: "\e63e"; }
+.el-icon-tableware:before {
+  content: "\e6be";
+}
 
-.el-icon-zoom-out:before { content: "\e645"; }
+.el-icon-burger:before {
+  content: "\e6bf";
+}
 
-.el-icon-zoom-in:before { content: "\e641"; }
+.el-icon-knife-and-fork:before {
+  content: "\e6c0";
+}
 
-.el-icon-d-caret:before { content: "\e615"; }
+.el-icon-knife-fork:before {
+  content: "\e6c1";
+}
 
-.el-icon-sort:before { content: "\e640"; }
+.el-icon-fork-spoon:before {
+  content: "\e6c2";
+}
 
-.el-icon-sort-down:before { content: "\e630"; }
+.el-icon-chicken:before {
+  content: "\e6c3";
+}
 
-.el-icon-sort-up:before { content: "\e631"; }
+.el-icon-food:before {
+  content: "\e6c4";
+}
 
-.el-icon-tickets:before { content: "\e63f"; }
+.el-icon-dish-1:before {
+  content: "\e6c5";
+}
 
-.el-icon-document:before { content: "\e614"; }
+.el-icon-dish:before {
+  content: "\e6c6";
+}
 
-.el-icon-goods:before { content: "\e618"; }
+.el-icon-refresh-left:before {
+  content: "\e6c7";
+}
 
-.el-icon-sold-out:before { content: "\e63b"; }
+.el-icon-refresh-right:before {
+  content: "\e6c8";
+}
 
-.el-icon-news:before { content: "\e625"; }
+.el-icon-warning-outline:before {
+  content: "\e6c9";
+}
 
-.el-icon-message:before { content: "\e61b"; }
+.el-icon-setting:before {
+  content: "\e6ca";
+}
 
-.el-icon-date:before { content: "\e608"; }
+.el-icon-phone-outline:before {
+  content: "\e6cb";
+}
 
-.el-icon-printer:before { content: "\e62f"; }
+.el-icon-more-outline:before {
+  content: "\e6cc";
+}
 
-.el-icon-time:before { content: "\e642"; }
+.el-icon-finished:before {
+  content: "\e6cd";
+}
 
-.el-icon-bell:before { content: "\e622"; }
+.el-icon-view:before {
+  content: "\e6ce";
+}
 
-.el-icon-mobile-phone:before { content: "\e624"; }
+.el-icon-loading:before {
+  content: "\e6cf";
+}
 
-.el-icon-service:before { content: "\e63a"; }
+.el-icon-refresh:before {
+  content: "\e6d0";
+}
 
-.el-icon-view:before { content: "\e643"; }
+.el-icon-rank:before {
+  content: "\e6d1";
+}
 
-.el-icon-menu:before { content: "\e620"; }
+.el-icon-sort:before {
+  content: "\e6d2";
+}
 
-.el-icon-more:before { content: "\e646"; }
+.el-icon-mobile-phone:before {
+  content: "\e6d3";
+}
 
-.el-icon-more-outline:before { content: "\e626"; }
+.el-icon-service:before {
+  content: "\e6d4";
+}
 
-.el-icon-star-on:before { content: "\e637"; }
+.el-icon-sold-out:before {
+  content: "\e6d5";
+}
 
-.el-icon-star-off:before { content: "\e63d"; }
+.el-icon-merchandise:before {
+  content: "\e6d6";
+}
 
-.el-icon-location:before { content: "\e61d"; }
+.el-icon-delete:before {
+  content: "\e6d7";
+}
 
-.el-icon-location-outline:before { content: "\e61f"; }
+.el-icon-minus:before {
+  content: "\e6d8";
+}
 
-.el-icon-phone:before { content: "\e627"; }
+.el-icon-plus:before {
+  content: "\e6d9";
+}
 
-.el-icon-phone-outline:before { content: "\e628"; }
+.el-icon-check:before {
+  content: "\e6da";
+}
 
-.el-icon-picture:before { content: "\e629"; }
+.el-icon-close:before {
+  content: "\e6db";
+}
 
-.el-icon-picture-outline:before { content: "\e62a"; }
+.el-icon-d-arrow-right:before {
+  content: "\e6dc";
+}
 
-.el-icon-delete:before { content: "\e612"; }
+.el-icon-d-arrow-left:before {
+  content: "\e6dd";
+}
 
-.el-icon-search:before { content: "\e619"; }
+.el-icon-arrow-left:before {
+  content: "\e6de";
+}
 
-.el-icon-edit:before { content: "\e61c"; }
+.el-icon-arrow-down:before {
+  content: "\e6df";
+}
 
-.el-icon-edit-outline:before { content: "\e616"; }
+.el-icon-arrow-right:before {
+  content: "\e6e0";
+}
 
-.el-icon-rank:before { content: "\e632"; }
+.el-icon-arrow-up:before {
+  content: "\e6e1";
+}
 
-.el-icon-refresh:before { content: "\e633"; }
+.el-icon-key:before {
+  content: "\e6e2";
+}
 
-.el-icon-share:before { content: "\e636"; }
+.el-icon-user:before {
+  content: "\e6e3";
+}
 
-.el-icon-setting:before { content: "\e638"; }
+.el-icon-unlock:before {
+  content: "\e6e4";
+}
 
-.el-icon-upload:before { content: "\e60d"; }
+.el-icon-lock:before {
+  content: "\e6e5";
+}
 
-.el-icon-upload2:before { content: "\e644"; }
+.el-icon-top:before {
+  content: "\e6e6";
+}
 
-.el-icon-download:before { content: "\e617"; }
+.el-icon-top-right:before {
+  content: "\e6e7";
+}
 
-.el-icon-loading:before { content: "\e61e"; }
+.el-icon-top-left:before {
+  content: "\e6e8";
+}
+
+.el-icon-right:before {
+  content: "\e6e9";
+}
+
+.el-icon-back:before {
+  content: "\e6ea";
+}
+
+.el-icon-bottom:before {
+  content: "\e6eb";
+}
+
+.el-icon-bottom-right:before {
+  content: "\e6ec";
+}
+
+.el-icon-bottom-left:before {
+  content: "\e6ed";
+}
+
+.el-icon-moon-night:before {
+  content: "\e6ee";
+}
+
+.el-icon-moon:before {
+  content: "\e6f0";
+}
+
+.el-icon-cloudy-and-sunny:before {
+  content: "\e6f1";
+}
+
+.el-icon-partly-cloudy:before {
+  content: "\e6f2";
+}
+
+.el-icon-cloudy:before {
+  content: "\e6f3";
+}
+
+.el-icon-sunny:before {
+  content: "\e6f6";
+}
+
+.el-icon-sunset:before {
+  content: "\e6f7";
+}
+
+.el-icon-sunrise-1:before {
+  content: "\e6f8";
+}
+
+.el-icon-sunrise:before {
+  content: "\e6f9";
+}
+
+.el-icon-heavy-rain:before {
+  content: "\e6fa";
+}
+
+.el-icon-lightning:before {
+  content: "\e6fb";
+}
+
+.el-icon-light-rain:before {
+  content: "\e6fc";
+}
+
+.el-icon-wind-power:before {
+  content: "\e6fd";
+}
+
+.el-icon-watch-2:before {
+  content: "\e6fe";
+}
+
+.el-icon-watch-1:before {
+  content: "\e6ff";
+}
+
+.el-icon-timer-3:before {
+  content: "\e700";
+}
+
+.el-icon-timer-2:before {
+  content: "\e701";
+}
+
+.el-icon-timer-1:before {
+  content: "\e702";
+}
+
+.el-icon-alarm-clock:before {
+  content: "\e703";
+}
+
+.el-icon-map-location:before {
+  content: "\e704";
+}
+
+.el-icon-delete-location:before {
+  content: "\e705";
+}
+
+.el-icon-add-location:before {
+  content: "\e706";
+}
+
+.el-icon-location-information:before {
+  content: "\e707";
+}
+
+.el-icon-location-outline:before {
+  content: "\e708";
+}
+
+.el-icon-place:before {
+  content: "\e709";
+}
+
+.el-icon-discover:before {
+  content: "\e70a";
+}
+
+.el-icon-first-aid-kit:before {
+  content: "\e70b";
+}
+
+.el-icon-trophy-1:before {
+  content: "\e70c";
+}
+
+.el-icon-trophy:before {
+  content: "\e70d";
+}
+
+.el-icon-medal-2:before {
+  content: "\e70e";
+}
+
+.el-icon-medal-1:before {
+  content: "\e70f";
+}
+
+.el-icon-Stopwatch:before {
+  content: "\e710";
+}
+
+.el-icon-mike:before {
+  content: "\e711";
+}
+
+.el-icon-baseball:before {
+  content: "\e712";
+}
+
+.el-icon-soccer:before {
+  content: "\e713";
+}
+
+.el-icon-basketball-1:before {
+  content: "\e714";
+}
+
+.el-icon-football:before {
+  content: "\e715";
+}
+
+.el-icon-basketball:before {
+  content: "\e716";
+}
+
+.el-icon-star-off:before {
+  content: "\e717";
+}
+
+.el-icon-copy-document:before {
+  content: "\e718";
+}
+
+.el-icon-full-screen:before {
+  content: "\e719";
+}
+
+.el-icon-switch-button:before {
+  content: "\e71b";
+}
+
+.el-icon-aim:before {
+  content: "\e71c";
+}
+
+.el-icon-crop:before {
+  content: "\e71d";
+}
+
+.el-icon-odometer:before {
+  content: "\e71e";
+}
+
+.el-icon-time:before {
+  content: "\e71f";
+}
+
+.el-icon-circle-check-outline:before {
+  content: "\e720";
+}
+
+.el-icon-complete:before {
+  content: "\e721";
+}
+
+.el-icon-remove-outline:before {
+  content: "\e722";
+}
+
+.el-icon-circle-plus-outline:before {
+  content: "\e723";
+}
+
+.el-icon-bangzhu:before {
+  content: "\e724";
+}
+
+.el-icon-bell:before {
+  content: "\e725";
+}
+
+.el-icon-close-notification:before {
+  content: "\e726";
+}
+
+.el-icon-microphone:before {
+  content: "\e727";
+}
+
+.el-icon-turn-off-microphone:before {
+  content: "\e728";
+}
+
+.el-icon-position:before {
+  content: "\e729";
+}
+
+.el-icon-postcard:before {
+  content: "\e72a";
+}
+
+.el-icon-message:before {
+  content: "\e72b";
+}
+
+.el-icon-open-mail:before {
+  content: "\e72c";
+}
+
+.el-icon-chat-line-square:before {
+  content: "\e72d";
+}
+
+.el-icon-chat-dot-square:before {
+  content: "\e72e";
+}
+
+.el-icon-chat-dot-round:before {
+  content: "\e72f";
+}
+
+.el-icon-chat-square:before {
+  content: "\e730";
+}
+
+.el-icon-chat-line-round:before {
+  content: "\e731";
+}
+
+.el-icon-chat-round:before {
+  content: "\e732";
+}
+
+.el-icon-set-up:before {
+  content: "\e733";
+}
+
+.el-icon-turn-off:before {
+  content: "\e734";
+}
+
+.el-icon-open:before {
+  content: "\e735";
+}
+
+.el-icon-connection:before {
+  content: "\e736";
+}
+
+.el-icon-link:before {
+  content: "\e737";
+}
+
+.el-icon-cpu:before {
+  content: "\e738";
+}
+
+.el-icon-thumb:before {
+  content: "\e739";
+}
+
+.el-icon-man:before {
+  content: "\e73a";
+}
+
+.el-icon-female:before {
+  content: "\e73b";
+}
+
+.el-icon-guide:before {
+  content: "\e73c";
+}
+
+.el-icon-help:before {
+  content: "\e73d";
+}
+
+.el-icon-news:before {
+  content: "\e73e";
+}
+
+.el-icon-ship:before {
+  content: "\e73f";
+}
+
+.el-icon-truck:before {
+  content: "\e740";
+}
+
+.el-icon-bicycle:before {
+  content: "\e741";
+}
+
+.el-icon-diamond:before {
+  content: "\e742";
+}
+
+.el-icon-medal:before {
+  content: "\e743";
+}
+
+.el-icon-tag:before {
+  content: "\e744";
+}
+
+.el-icon-discount:before {
+  content: "\e745";
+}
+
+.el-icon-wallet-2:before {
+  content: "\e746";
+}
+
+.el-icon-wallet-1:before {
+  content: "\e747";
+}
+
+.el-icon-coin:before {
+  content: "\e748";
+}
+
+.el-icon-shopping-voucher:before {
+  content: "\e749";
+}
+
+.el-icon-bank-card:before {
+  content: "\e74a";
+}
+
+.el-icon-box:before {
+  content: "\e74b";
+}
+
+.el-icon-present:before {
+  content: "\e74c";
+}
+
+.el-icon-shopping-bag-2:before {
+  content: "\e74d";
+}
+
+.el-icon-shopping-bag-1:before {
+  content: "\e74e";
+}
+
+.el-icon-shopping-cart-2:before {
+  content: "\e74f";
+}
+
+.el-icon-shopping-cart-1:before {
+  content: "\e750";
+}
+
+.el-icon-shopping-cart-full:before {
+  content: "\e751";
+}
+
+.el-icon-smoking:before {
+  content: "\e752";
+}
+
+.el-icon-no-smoking:before {
+  content: "\e753";
+}
+
+.el-icon-home:before {
+  content: "\e754";
+}
+
+.el-icon-table-lamp:before {
+  content: "\e755";
+}
+
+.el-icon-school:before {
+  content: "\e756";
+}
+
+.el-icon-office-building:before {
+  content: "\e757";
+}
+
+.el-icon-toilet-paper:before {
+  content: "\e758";
+}
+
+.el-icon-notebook-2:before {
+  content: "\e759";
+}
+
+.el-icon-notebook-1:before {
+  content: "\e75a";
+}
+
+.el-icon-files:before {
+  content: "\e75b";
+}
+
+.el-icon-collection:before {
+  content: "\e75c";
+}
+
+.el-icon-receiving:before {
+  content: "\e75d";
+}
+
+.el-icon-picture-outline:before {
+  content: "\e75e";
+}
+
+.el-icon-picture-outline-round:before {
+  content: "\e75f";
+}
+
+.el-icon-suitcase-1:before {
+  content: "\e760";
+}
+
+.el-icon-suitcase:before {
+  content: "\e761";
+}
+
+.el-icon-suitcase-locked:before {
+  content: "\e762";
+}
+
+.el-icon-film:before {
+  content: "\e763";
+}
+
+.el-icon-edit-outline:before {
+  content: "\e764";
+}
+
+.el-icon-collection-tag:before {
+  content: "\e765";
+}
+
+.el-icon-data-analysis:before {
+  content: "\e766";
+}
+
+.el-icon-pie-chart:before {
+  content: "\e767";
+}
+
+.el-icon-data-board:before {
+  content: "\e768";
+}
+
+.el-icon-reading:before {
+  content: "\e769";
+}
+
+.el-icon-magic:before {
+  content: "\e76a";
+}
+
+.el-icon-coordinate:before {
+  content: "\e76b";
+}
+
+.el-icon-mouse:before {
+  content: "\e76c";
+}
+
+.el-icon-data-line:before {
+  content: "\e76d";
+}
+
+.el-icon-decoration:before {
+  content: "\e76e";
+}
+
+.el-icon-headset:before {
+  content: "\e76f";
+}
+
+.el-icon-umbrella:before {
+  content: "\e770";
+}
+
+.el-icon-scissors:before {
+  content: "\e771";
+}
+
+.el-icon-video-camera:before {
+  content: "\e772";
+}
+
+.el-icon-mobile:before {
+  content: "\e773";
+}
+
+.el-icon-attract:before {
+  content: "\e774";
+}
+
+.el-icon-monitor:before {
+  content: "\e775";
+}
+
+.el-icon-zoom-out:before {
+  content: "\e776";
+}
+
+.el-icon-zoom-in:before {
+  content: "\e777";
+}
+
+.el-icon-search:before {
+  content: "\e778";
+}
+
+.el-icon-camera:before {
+  content: "\e779";
+}
+
+.el-icon-takeaway-box:before {
+  content: "\e77a";
+}
+
+.el-icon-upload2:before {
+  content: "\e77b";
+}
+
+.el-icon-download:before {
+  content: "\e77c";
+}
+
+.el-icon-paperclip:before {
+  content: "\e77d";
+}
+
+.el-icon-printer:before {
+  content: "\e77e";
+}
+
+.el-icon-document-add:before {
+  content: "\e782";
+}
+
+.el-icon-document:before {
+  content: "\e785";
+}
+
+.el-icon-document-checked:before {
+  content: "\e786";
+}
+
+.el-icon-document-copy:before {
+  content: "\e787";
+}
+
+.el-icon-document-delete:before {
+  content: "\e788";
+}
+
+.el-icon-document-remove:before {
+  content: "\e789";
+}
+
+.el-icon-tickets:before {
+  content: "\e78b";
+}
+
+.el-icon-folder-checked:before {
+  content: "\e77f";
+}
+
+.el-icon-folder-delete:before {
+  content: "\e780";
+}
+
+.el-icon-folder-remove:before {
+  content: "\e781";
+}
+
+.el-icon-folder-add:before {
+  content: "\e783";
+}
+
+.el-icon-folder-opened:before {
+  content: "\e784";
+}
+
+.el-icon-folder:before {
+  content: "\e78a";
+}
+
+.el-icon-edit:before {
+  content: "\e78c";
+}
+
+.el-icon-circle-close-outline:before {
+  content: "\e78d";
+}
+
+.el-icon-date:before {
+  content: "\e78e";
+}
+
+.el-icon-caret-top:before {
+  content: "\e78f";
+}
+
+.el-icon-caret-bottom:before {
+  content: "\e790";
+}
+
+.el-icon-caret-right:before {
+  content: "\e791";
+}
+
+.el-icon-caret-left:before {
+  content: "\e792";
+}
+
+.el-icon-share:before {
+  content: "\e793";
+}
+
+.el-icon-more:before {
+  content: "\e794";
+}
+
+.el-icon-phone:before {
+  content: "\e795";
+}
+
+.el-icon-video-camera-solid:before {
+  content: "\e796";
+}
+
+.el-icon-star-on:before {
+  content: "\e797";
+}
+
+.el-icon-menu:before {
+  content: "\e798";
+}
+
+.el-icon-message-solid:before {
+  content: "\e799";
+}
+
+.el-icon-d-caret:before {
+  content: "\e79a";
+}
+
+.el-icon-camera-solid:before {
+  content: "\e79b";
+}
+
+.el-icon-success:before {
+  content: "\e79c";
+}
+
+.el-icon-error:before {
+  content: "\e79d";
+}
+
+.el-icon-location:before {
+  content: "\e79e";
+}
+
+.el-icon-picture:before {
+  content: "\e79f";
+}
+
+.el-icon-circle-plus:before {
+  content: "\e7a0";
+}
+
+.el-icon-info:before {
+  content: "\e7a1";
+}
+
+.el-icon-remove:before {
+  content: "\e7a2";
+}
+
+.el-icon-warning:before {
+  content: "\e7a3";
+}
+
+.el-icon-question:before {
+  content: "\e7a4";
+}
+
+.el-icon-user-solid:before {
+  content: "\e7a5";
+}
+
+.el-icon-s-grid:before {
+  content: "\e7a6";
+}
+
+.el-icon-s-check:before {
+  content: "\e7a7";
+}
+
+.el-icon-s-data:before {
+  content: "\e7a8";
+}
+
+.el-icon-s-fold:before {
+  content: "\e7a9";
+}
+
+.el-icon-s-opportunity:before {
+  content: "\e7aa";
+}
+
+.el-icon-s-custom:before {
+  content: "\e7ab";
+}
+
+.el-icon-s-tools:before {
+  content: "\e7ac";
+}
+
+.el-icon-s-claim:before {
+  content: "\e7ad";
+}
+
+.el-icon-s-finance:before {
+  content: "\e7ae";
+}
+
+.el-icon-s-comment:before {
+  content: "\e7af";
+}
+
+.el-icon-s-kpi:before {
+  content: "\e7b0";
+}
+
+.el-icon-s-marketing:before {
+  content: "\e7b1";
+}
+
+.el-icon-s-goods:before {
+  content: "\e7b2";
+}
+
+.el-icon-s-help:before {
+  content: "\e7b3";
+}
+
+.el-icon-s-shop:before {
+  content: "\e7b4";
+}
+
+.el-icon-s-open:before {
+  content: "\e7b5";
+}
+
+.el-icon-s-management:before {
+  content: "\e7b6";
+}
+
+.el-icon-s-ticket:before {
+  content: "\e7b7";
+}
+
+.el-icon-s-release:before {
+  content: "\e7b8";
+}
+
+.el-icon-s-home:before {
+  content: "\e7b9";
+}
+
+.el-icon-s-promotion:before {
+  content: "\e7ba";
+}
+
+.el-icon-s-operation:before {
+  content: "\e7bb";
+}
+
+.el-icon-s-unfold:before {
+  content: "\e7bc";
+}
+
+.el-icon-s-platform:before {
+  content: "\e7bd";
+}
+
+.el-icon-s-order:before {
+  content: "\e7be";
+}
+
+.el-icon-s-cooperation:before {
+  content: "\e7bf";
+}
+
+.el-icon-video-play:before {
+  content: "\e7c0";
+}
+
+.el-icon-video-pause:before {
+  content: "\e7c1";
+}
+
+.el-icon-goods:before {
+  content: "\e7c2";
+}
+
+.el-icon-upload:before {
+  content: "\e7c3";
+}
+
+.el-icon-sort-down:before {
+  content: "\e7c4";
+}
+
+.el-icon-sort-up:before {
+  content: "\e7c5";
+}
+
+.el-icon-c-scale-to-original:before {
+  content: "\e7c6";
+}
+
+.el-icon-eleme:before {
+  content: "\e7c7";
+}
+
+.el-icon-platform-baidu:before {
+  content: "\e7c8";
+}
+
+.el-icon-delete-solid:before {
+  content: "\e7c9";
+}
+
+.el-icon-platform-eleme:before {
+  content: "\e7ca";
+}
 
 .el-icon-loading {
   animation: rotating 2s linear infinite;