diff --git a/examples/icon.json b/examples/icon.json
index 6aed70ba7..2d9999a31 100644
--- a/examples/icon.json
+++ b/examples/icon.json
@@ -1 +1 @@
-["platform-eleme","delete-solid","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-flag","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","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","brush","data-line","mouse","coordinate","magic-stick","reading","data-board","pie-chart","data-analysis","collection-tag","edit-outline","film","suitcase","suitcase-1","picture-outline-round","picture-outline","receiving","collection","files","notebook-1","notebook-2","toilet-paper","office-building","school","table-lamp","house","no-smoking","smoking","shopping-cart-full","shopping-cart-1","shopping-cart-2","shopping-bag-1","shopping-bag-2","present","box","bank-card","money","coin","wallet","discount","price-tag","bicycle","truck","ship","news","help","guide","male","female","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","message","postcard","position","turn-off-microphone","microphone","close-notification","bell","bangzhu","circle-plus-outline","remove-outline","circle-check","time","odometer","crop","aim","switch-button","full-screen","copy-document","star-off","basketball","football","soccer","baseball","mic","stopwatch","medal-1","medal","trophy","trophy-1","first-aid-kit","discover","place","location-outline","location-information","add-location","delete-location","map-location","alarm-clock","timer","watch-1","watch","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","sold-out","sell","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","burger","tableware","sugar","dessert","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","coffee","ice-tea","ice-drink","milk-tea","potato-strips","lollipop","ice-cream-square","ice-cream-round"]
\ No newline at end of file
+["platform-eleme","eleme","delete-solid","delete","s-tools","setting","user-solid","user","phone","phone-outline","more","more-outline","star-on","star-off","s-goods","goods","warning","warning-outline","question","info","remove","circle-plus","success","error","zoom-in","zoom-out","remove-outline","circle-plus-outline","circle-check","circle-close","s-help","help","minus","plus","check","close","picture","picture-outline","picture-outline-round","upload","upload2","download","camera-solid","camera","video-camera-solid","video-camera","message-solid","bell","s-cooperation","s-order","s-platform","s-fold","s-unfold","s-operation","s-promotion","s-home","s-release","s-ticket","s-management","s-open","s-shop","s-marketing","s-flag","s-comment","s-finance","s-claim","s-custom","s-opportunity","s-data","s-check","s-grid","menu","share","d-caret","caret-left","caret-right","caret-bottom","caret-top","bottom-left","bottom-right","back","right","bottom","top","top-left","top-right","arrow-left","arrow-right","arrow-down","arrow-up","d-arrow-left","d-arrow-right","video-pause","video-play","refresh","refresh-right","refresh-left","finished","sort","sort-up","sort-down","rank","loading","view","c-scale-to-original","date","edit","edit-outline","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","takeaway-box","search","monitor","attract","mobile","scissors","umbrella","headset","brush","mouse","coordinate","magic-stick","reading","data-line","data-board","pie-chart","data-analysis","collection-tag","film","suitcase","suitcase-1","receiving","collection","files","notebook-1","notebook-2","toilet-paper","office-building","school","table-lamp","house","no-smoking","smoking","shopping-cart-full","shopping-cart-1","shopping-cart-2","shopping-bag-1","shopping-bag-2","sold-out","sell","present","box","bank-card","money","coin","wallet","discount","price-tag","news","guide","male","female","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","message","postcard","position","turn-off-microphone","microphone","close-notification","bangzhu","time","odometer","crop","aim","switch-button","full-screen","copy-document","mic","stopwatch","medal-1","medal","trophy","trophy-1","first-aid-kit","discover","place","location","location-outline","location-information","add-location","delete-location","map-location","alarm-clock","timer","watch-1","watch","lock","unlock","key","service","mobile-phone","bicycle","truck","ship","basketball","football","soccer","baseball","wind-power","light-rain","lightning","heavy-rain","sunrise","sunrise-1","sunset","sunny","cloudy","partly-cloudy","cloudy-and-sunny","moon","moon-night","dish","dish-1","food","chicken","fork-spoon","knife-fork","burger","tableware","sugar","dessert","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","coffee","ice-tea","ice-drink","milk-tea","potato-strips","lollipop","ice-cream-square","ice-cream-round"]
\ No newline at end of file
diff --git a/packages/theme-chalk/src/icon.scss b/packages/theme-chalk/src/icon.scss
index 7c950c11d..87cae42d9 100644
--- a/packages/theme-chalk/src/icon.scss
+++ b/packages/theme-chalk/src/icon.scss
@@ -161,162 +161,6 @@
   content: "\e6c6";
 }
 
-.el-icon-refresh-left:before {
-  content: "\e6c7";
-}
-
-.el-icon-refresh-right:before {
-  content: "\e6c8";
-}
-
-.el-icon-warning-outline:before {
-  content: "\e6c9";
-}
-
-.el-icon-setting:before {
-  content: "\e6ca";
-}
-
-.el-icon-phone-outline:before {
-  content: "\e6cb";
-}
-
-.el-icon-more-outline:before {
-  content: "\e6cc";
-}
-
-.el-icon-finished:before {
-  content: "\e6cd";
-}
-
-.el-icon-view:before {
-  content: "\e6ce";
-}
-
-.el-icon-loading:before {
-  content: "\e6cf";
-}
-
-.el-icon-refresh:before {
-  content: "\e6d0";
-}
-
-.el-icon-rank:before {
-  content: "\e6d1";
-}
-
-.el-icon-sort:before {
-  content: "\e6d2";
-}
-
-.el-icon-mobile-phone:before {
-  content: "\e6d3";
-}
-
-.el-icon-service:before {
-  content: "\e6d4";
-}
-
-.el-icon-sell:before {
-  content: "\e6d5";
-}
-
-.el-icon-sold-out:before {
-  content: "\e6d6";
-}
-
-.el-icon-delete:before {
-  content: "\e6d7";
-}
-
-.el-icon-minus:before {
-  content: "\e6d8";
-}
-
-.el-icon-plus:before {
-  content: "\e6d9";
-}
-
-.el-icon-check:before {
-  content: "\e6da";
-}
-
-.el-icon-close:before {
-  content: "\e6db";
-}
-
-.el-icon-d-arrow-right:before {
-  content: "\e6dc";
-}
-
-.el-icon-d-arrow-left:before {
-  content: "\e6dd";
-}
-
-.el-icon-arrow-left:before {
-  content: "\e6de";
-}
-
-.el-icon-arrow-down:before {
-  content: "\e6df";
-}
-
-.el-icon-arrow-right:before {
-  content: "\e6e0";
-}
-
-.el-icon-arrow-up:before {
-  content: "\e6e1";
-}
-
-.el-icon-key:before {
-  content: "\e6e2";
-}
-
-.el-icon-user:before {
-  content: "\e6e3";
-}
-
-.el-icon-unlock:before {
-  content: "\e6e4";
-}
-
-.el-icon-lock:before {
-  content: "\e6e5";
-}
-
-.el-icon-top:before {
-  content: "\e6e6";
-}
-
-.el-icon-top-right:before {
-  content: "\e6e7";
-}
-
-.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";
 }
@@ -369,6 +213,54 @@
   content: "\e6fd";
 }
 
+.el-icon-baseball:before {
+  content: "\e712";
+}
+
+.el-icon-soccer:before {
+  content: "\e713";
+}
+
+.el-icon-football:before {
+  content: "\e715";
+}
+
+.el-icon-basketball:before {
+  content: "\e716";
+}
+
+.el-icon-ship:before {
+  content: "\e73f";
+}
+
+.el-icon-truck:before {
+  content: "\e740";
+}
+
+.el-icon-bicycle:before {
+  content: "\e741";
+}
+
+.el-icon-mobile-phone:before {
+  content: "\e6d3";
+}
+
+.el-icon-service:before {
+  content: "\e6d4";
+}
+
+.el-icon-key:before {
+  content: "\e6e2";
+}
+
+.el-icon-unlock:before {
+  content: "\e6e4";
+}
+
+.el-icon-lock:before {
+  content: "\e6e5";
+}
+
 .el-icon-watch:before {
   content: "\e6fe";
 }
@@ -405,6 +297,10 @@
   content: "\e708";
 }
 
+.el-icon-location:before {
+  content: "\e79e";
+}
+
 .el-icon-place:before {
   content: "\e709";
 }
@@ -441,26 +337,6 @@
   content: "\e711";
 }
 
-.el-icon-baseball:before {
-  content: "\e712";
-}
-
-.el-icon-soccer:before {
-  content: "\e713";
-}
-
-.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";
 }
@@ -489,26 +365,10 @@
   content: "\e71f";
 }
 
-.el-icon-circle-check:before {
-  content: "\e720";
-}
-
-.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";
 }
@@ -597,26 +457,10 @@
   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-price-tag:before {
   content: "\e744";
 }
@@ -649,6 +493,14 @@
   content: "\e74c";
 }
 
+.el-icon-sell:before {
+  content: "\e6d5";
+}
+
+.el-icon-sold-out:before {
+  content: "\e6d6";
+}
+
 .el-icon-shopping-bag-2:before {
   content: "\e74d";
 }
@@ -717,14 +569,6 @@
   content: "\e75d";
 }
 
-.el-icon-picture-outline:before {
-  content: "\e75e";
-}
-
-.el-icon-picture-outline-round:before {
-  content: "\e75f";
-}
-
 .el-icon-suitcase-1:before {
   content: "\e760";
 }
@@ -737,10 +581,6 @@
   content: "\e763";
 }
 
-.el-icon-edit-outline:before {
-  content: "\e764";
-}
-
 .el-icon-collection-tag:before {
   content: "\e765";
 }
@@ -757,6 +597,10 @@
   content: "\e768";
 }
 
+.el-icon-data-line:before {
+  content: "\e76d";
+}
+
 .el-icon-reading:before {
   content: "\e769";
 }
@@ -773,10 +617,6 @@
   content: "\e76c";
 }
 
-.el-icon-data-line:before {
-  content: "\e76d";
-}
-
 .el-icon-brush:before {
   content: "\e76e";
 }
@@ -793,10 +633,6 @@
   content: "\e771";
 }
 
-.el-icon-video-camera:before {
-  content: "\e772";
-}
-
 .el-icon-mobile:before {
   content: "\e773";
 }
@@ -809,34 +645,14 @@
   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";
 }
@@ -897,18 +713,126 @@
   content: "\e78a";
 }
 
+.el-icon-edit-outline:before {
+  content: "\e764";
+}
+
 .el-icon-edit:before {
   content: "\e78c";
 }
 
-.el-icon-circle-close:before {
-  content: "\e78d";
-}
-
 .el-icon-date:before {
   content: "\e78e";
 }
 
+.el-icon-c-scale-to-original:before {
+  content: "\e7c6";
+}
+
+.el-icon-view:before {
+  content: "\e6ce";
+}
+
+.el-icon-loading:before {
+  content: "\e6cf";
+}
+
+.el-icon-rank:before {
+  content: "\e6d1";
+}
+
+.el-icon-sort-down:before {
+  content: "\e7c4";
+}
+
+.el-icon-sort-up:before {
+  content: "\e7c5";
+}
+
+.el-icon-sort:before {
+  content: "\e6d2";
+}
+
+.el-icon-finished:before {
+  content: "\e6cd";
+}
+
+.el-icon-refresh-left:before {
+  content: "\e6c7";
+}
+
+.el-icon-refresh-right:before {
+  content: "\e6c8";
+}
+
+.el-icon-refresh:before {
+  content: "\e6d0";
+}
+
+.el-icon-video-play:before {
+  content: "\e7c0";
+}
+
+.el-icon-video-pause:before {
+  content: "\e7c1";
+}
+
+.el-icon-d-arrow-right:before {
+  content: "\e6dc";
+}
+
+.el-icon-d-arrow-left:before {
+  content: "\e6dd";
+}
+
+.el-icon-arrow-up:before {
+  content: "\e6e1";
+}
+
+.el-icon-arrow-down:before {
+  content: "\e6df";
+}
+
+.el-icon-arrow-right:before {
+  content: "\e6e0";
+}
+
+.el-icon-arrow-left:before {
+  content: "\e6de";
+}
+
+.el-icon-top-right:before {
+  content: "\e6e7";
+}
+
+.el-icon-top-left:before {
+  content: "\e6e8";
+}
+
+.el-icon-top:before {
+  content: "\e6e6";
+}
+
+.el-icon-bottom:before {
+  content: "\e6eb";
+}
+
+.el-icon-right:before {
+  content: "\e6e9";
+}
+
+.el-icon-back:before {
+  content: "\e6ea";
+}
+
+.el-icon-bottom-right:before {
+  content: "\e6ec";
+}
+
+.el-icon-bottom-left:before {
+  content: "\e6ed";
+}
+
 .el-icon-caret-top:before {
   content: "\e78f";
 }
@@ -925,80 +849,16 @@
   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-share:before {
+  content: "\e793";
 }
 
-.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-menu:before {
+  content: "\e798";
 }
 
 .el-icon-s-grid:before {
@@ -1013,10 +873,6 @@
   content: "\e7a8";
 }
 
-.el-icon-s-fold:before {
-  content: "\e7a9";
-}
-
 .el-icon-s-opportunity:before {
   content: "\e7aa";
 }
@@ -1025,10 +881,6 @@
   content: "\e7ab";
 }
 
-.el-icon-s-tools:before {
-  content: "\e7ac";
-}
-
 .el-icon-s-claim:before {
   content: "\e7ad";
 }
@@ -1049,14 +901,6 @@
   content: "\e7b1";
 }
 
-.el-icon-s-goods:before {
-  content: "\e7b2";
-}
-
-.el-icon-s-help:before {
-  content: "\e7b3";
-}
-
 .el-icon-s-shop:before {
   content: "\e7b4";
 }
@@ -1093,6 +937,10 @@
   content: "\e7bc";
 }
 
+.el-icon-s-fold:before {
+  content: "\e7a9";
+}
+
 .el-icon-s-platform:before {
   content: "\e7bd";
 }
@@ -1105,42 +953,194 @@
   content: "\e7bf";
 }
 
-.el-icon-video-play:before {
-  content: "\e7c0";
+.el-icon-bell:before {
+  content: "\e725";
 }
 
-.el-icon-video-pause:before {
-  content: "\e7c1";
+.el-icon-message-solid:before {
+  content: "\e799";
 }
 
-.el-icon-goods:before {
-  content: "\e7c2";
+.el-icon-video-camera:before {
+  content: "\e772";
+}
+
+.el-icon-video-camera-solid:before {
+  content: "\e796";
+}
+
+.el-icon-camera:before {
+  content: "\e779";
+}
+
+.el-icon-camera-solid:before {
+  content: "\e79b";
+}
+
+.el-icon-download:before {
+  content: "\e77c";
+}
+
+.el-icon-upload2:before {
+  content: "\e77b";
 }
 
 .el-icon-upload:before {
   content: "\e7c3";
 }
 
-.el-icon-sort-down:before {
-  content: "\e7c4";
+.el-icon-picture-outline-round:before {
+  content: "\e75f";
 }
 
-.el-icon-sort-up:before {
-  content: "\e7c5";
+.el-icon-picture-outline:before {
+  content: "\e75e";
 }
 
-.el-icon-c-scale-to-original:before {
-  content: "\e7c6";
+.el-icon-picture:before {
+  content: "\e79f";
 }
 
-.el-icon-eleme:before {
-  content: "\e7c7";
+.el-icon-close:before {
+  content: "\e6db";
+}
+
+.el-icon-check:before {
+  content: "\e6da";
+}
+
+.el-icon-plus:before {
+  content: "\e6d9";
+}
+
+.el-icon-minus:before {
+  content: "\e6d8";
+}
+
+.el-icon-help:before {
+  content: "\e73d";
+}
+
+.el-icon-s-help:before {
+  content: "\e7b3";
+}
+
+.el-icon-circle-close:before {
+  content: "\e78d";
+}
+
+.el-icon-circle-check:before {
+  content: "\e720";
+}
+
+.el-icon-circle-plus-outline:before {
+  content: "\e723";
+}
+
+.el-icon-remove-outline:before {
+  content: "\e722";
+}
+
+.el-icon-zoom-out:before {
+  content: "\e776";
+}
+
+.el-icon-zoom-in:before {
+  content: "\e777";
+}
+
+.el-icon-error:before {
+  content: "\e79d";
+}
+
+.el-icon-success:before {
+  content: "\e79c";
+}
+
+.el-icon-circle-plus:before {
+  content: "\e7a0";
+}
+
+.el-icon-remove:before {
+  content: "\e7a2";
+}
+
+.el-icon-info:before {
+  content: "\e7a1";
+}
+
+.el-icon-question:before {
+  content: "\e7a4";
+}
+
+.el-icon-warning-outline:before {
+  content: "\e6c9";
+}
+
+.el-icon-warning:before {
+  content: "\e7a3";
+}
+
+.el-icon-goods:before {
+  content: "\e7c2";
+}
+
+.el-icon-s-goods:before {
+  content: "\e7b2";
+}
+
+.el-icon-star-off:before {
+  content: "\e717";
+}
+
+.el-icon-star-on:before {
+  content: "\e797";
+}
+
+.el-icon-more-outline:before {
+  content: "\e6cc";
+}
+
+.el-icon-more:before {
+  content: "\e794";
+}
+
+.el-icon-phone-outline:before {
+  content: "\e6cb";
+}
+
+.el-icon-phone:before {
+  content: "\e795";
+}
+
+.el-icon-user:before {
+  content: "\e6e3";
+}
+
+.el-icon-user-solid:before {
+  content: "\e7a5";
+}
+
+.el-icon-setting:before {
+  content: "\e6ca";
+}
+
+.el-icon-s-tools:before {
+  content: "\e7ac";
+}
+
+.el-icon-delete:before {
+  content: "\e6d7";
 }
 
 .el-icon-delete-solid:before {
   content: "\e7c9";
 }
 
+.el-icon-eleme:before {
+  content: "\e7c7";
+}
+
 .el-icon-platform-eleme:before {
   content: "\e7ca";
 }