diff --git a/packages/vant-icons/assets/icons.sketch b/packages/vant-icons/assets/icons.sketch
index a166e021b..47222fed0 100644
Binary files a/packages/vant-icons/assets/icons.sketch and b/packages/vant-icons/assets/icons.sketch differ
diff --git a/packages/vant-icons/src/common.less b/packages/vant-icons/src/common.less
new file mode 100644
index 000000000..99ecee942
--- /dev/null
+++ b/packages/vant-icons/src/common.less
@@ -0,0 +1,967 @@
+/* stylelint-disable selector-pseudo-element-colon-notation */
+/* stylelint-disable font-family-no-missing-generic-family-keyword */
+
+.van-icon {
+  position: relative;
+  display: inline-block;
+  font: normal normal normal 14px/1 'vant-icon';
+  font-size: inherit;
+  text-rendering: auto;
+  -webkit-font-smoothing: antialiased;
+
+  &:before {
+    display: inline-block;
+  }
+}
+
+.van-icon-exchange:before {
+  content: '\e6af';
+}
+
+.van-icon-eye:before {
+  content: '\e6b0';
+}
+
+.van-icon-enlarge:before {
+  content: '\e6b1';
+}
+
+.van-icon-expand-o:before {
+  content: '\e6b2';
+}
+
+.van-icon-eye-o:before {
+  content: '\e6b3';
+}
+
+.van-icon-expand:before {
+  content: '\e6b4';
+}
+
+.van-icon-filter-o:before {
+  content: '\e6b5';
+}
+
+.van-icon-fire:before {
+  content: '\e6b6';
+}
+
+.van-icon-fail:before {
+  content: '\e6b7';
+}
+
+.van-icon-failure:before {
+  content: '\e6b8';
+}
+
+.van-icon-fire-o:before {
+  content: '\e6b9';
+}
+
+.van-icon-flag-o:before {
+  content: '\e6ba';
+}
+
+.van-icon-font:before {
+  content: '\e6bb';
+}
+
+.van-icon-font-o:before {
+  content: '\e6bc';
+}
+
+.van-icon-gem-o:before {
+  content: '\e6bd';
+}
+
+.van-icon-flower-o:before {
+  content: '\e6be';
+}
+
+.van-icon-gem:before {
+  content: '\e6bf';
+}
+
+.van-icon-gift-card:before {
+  content: '\e6c0';
+}
+
+.van-icon-friends:before {
+  content: '\e6c1';
+}
+
+.van-icon-friends-o:before {
+  content: '\e6c2';
+}
+
+.van-icon-gold-coin:before {
+  content: '\e6c3';
+}
+
+.van-icon-gold-coin-o:before {
+  content: '\e6c4';
+}
+
+.van-icon-good-job-o:before {
+  content: '\e6c5';
+}
+
+.van-icon-gift:before {
+  content: '\e6c6';
+}
+
+.van-icon-gift-o:before {
+  content: '\e6c7';
+}
+
+.van-icon-gift-card-o:before {
+  content: '\e6c8';
+}
+
+.van-icon-good-job:before {
+  content: '\e6c9';
+}
+
+.van-icon-home-o:before {
+  content: '\e6ca';
+}
+
+.van-icon-goods-collect:before {
+  content: '\e6cb';
+}
+
+.van-icon-graphic:before {
+  content: '\e6cc';
+}
+
+.van-icon-goods-collect-o:before {
+  content: '\e6cd';
+}
+
+.van-icon-hot-o:before {
+  content: '\e6ce';
+}
+
+.van-icon-info:before {
+  content: '\e6cf';
+}
+
+.van-icon-hotel-o:before {
+  content: '\e6d0';
+}
+
+.van-icon-info-o:before {
+  content: '\e6d1';
+}
+
+.van-icon-hot-sale-o:before {
+  content: '\e6d2';
+}
+
+.van-icon-hot:before {
+  content: '\e6d3';
+}
+
+.van-icon-like:before {
+  content: '\e6d4';
+}
+
+.van-icon-idcard:before {
+  content: '\e6d5';
+}
+
+.van-icon-invition:before {
+  content: '\e6d6';
+}
+
+.van-icon-like-o:before {
+  content: '\e6d7';
+}
+
+.van-icon-hot-sale:before {
+  content: '\e6d8';
+}
+
+.van-icon-location-o:before {
+  content: '\e6d9';
+}
+
+.van-icon-location:before {
+  content: '\e6da';
+}
+
+.van-icon-label:before {
+  content: '\e6db';
+}
+
+.van-icon-lock:before {
+  content: '\e6dc';
+}
+
+.van-icon-label-o:before {
+  content: '\e6dd';
+}
+
+.van-icon-map-marked:before {
+  content: '\e6de';
+}
+
+.van-icon-logistics:before {
+  content: '\e6df';
+}
+
+.van-icon-manager:before {
+  content: '\e6e0';
+}
+
+.van-icon-more:before {
+  content: '\e6e1';
+}
+
+.van-icon-live:before {
+  content: '\e6e2';
+}
+
+.van-icon-manager-o:before {
+  content: '\e6e3';
+}
+
+.van-icon-medal:before {
+  content: '\e6e4';
+}
+
+.van-icon-more-o:before {
+  content: '\e6e5';
+}
+
+.van-icon-music-o:before {
+  content: '\e6e6';
+}
+
+.van-icon-music:before {
+  content: '\e6e7';
+}
+
+.van-icon-new-arrival-o:before {
+  content: '\e6e8';
+}
+
+.van-icon-medal-o:before {
+  content: '\e6e9';
+}
+
+.van-icon-new-o:before {
+  content: '\e6ea';
+}
+
+.van-icon-free-postage:before {
+  content: '\e6eb';
+}
+
+.van-icon-newspaper-o:before {
+  content: '\e6ec';
+}
+
+.van-icon-new-arrival:before {
+  content: '\e6ed';
+}
+
+.van-icon-minus:before {
+  content: '\e6ee';
+}
+
+.van-icon-orders-o:before {
+  content: '\e6ef';
+}
+
+.van-icon-new:before {
+  content: '\e6f0';
+}
+
+.van-icon-paid:before {
+  content: '\e6f1';
+}
+
+.van-icon-notes-o:before {
+  content: '\e6f2';
+}
+
+.van-icon-other-pay:before {
+  content: '\e6f3';
+}
+
+.van-icon-pause-circle:before {
+  content: '\e6f4';
+}
+
+.van-icon-pause:before {
+  content: '\e6f5';
+}
+
+.van-icon-pause-circle-o:before {
+  content: '\e6f6';
+}
+
+.van-icon-peer-pay:before {
+  content: '\e6f7';
+}
+
+.van-icon-pending-payment:before {
+  content: '\e6f8';
+}
+
+.van-icon-passed:before {
+  content: '\e6f9';
+}
+
+.van-icon-plus:before {
+  content: '\e6fa';
+}
+
+.van-icon-phone-circle-o:before {
+  content: '\e6fb';
+}
+
+.van-icon-phone-o:before {
+  content: '\e6fc';
+}
+
+.van-icon-printer:before {
+  content: '\e6fd';
+}
+
+.van-icon-photo-fail:before {
+  content: '\e6fe';
+}
+
+.van-icon-phone:before {
+  content: '\e6ff';
+}
+
+.van-icon-photo-o:before {
+  content: '\e700';
+}
+
+.van-icon-play-circle:before {
+  content: '\e701';
+}
+
+.van-icon-play:before {
+  content: '\e702';
+}
+
+.van-icon-phone-circle:before {
+  content: '\e703';
+}
+
+.van-icon-point-gift-o:before {
+  content: '\e704';
+}
+
+.van-icon-point-gift:before {
+  content: '\e705';
+}
+
+.van-icon-play-circle-o:before {
+  content: '\e706';
+}
+
+.van-icon-shrink:before {
+  content: '\e707';
+}
+
+.van-icon-photo:before {
+  content: '\e708';
+}
+
+.van-icon-qr:before {
+  content: '\e709';
+}
+
+.van-icon-qr-invalid:before {
+  content: '\e70a';
+}
+
+.van-icon-question-o:before {
+  content: '\e70b';
+}
+
+.van-icon-revoke:before {
+  content: '\e70c';
+}
+
+.van-icon-replay:before {
+  content: '\e70d';
+}
+
+.van-icon-service:before {
+  content: '\e70e';
+}
+
+.van-icon-question:before {
+  content: '\e70f';
+}
+
+.van-icon-search:before {
+  content: '\e710';
+}
+
+.van-icon-refund-o:before {
+  content: '\e711';
+}
+
+.van-icon-service-o:before {
+  content: '\e712';
+}
+
+.van-icon-scan:before {
+  content: '\e713';
+}
+
+.van-icon-share:before {
+  content: '\e714';
+}
+
+.van-icon-send-gift-o:before {
+  content: '\e715';
+}
+
+.van-icon-share-o:before {
+  content: '\e716';
+}
+
+.van-icon-setting:before {
+  content: '\e717';
+}
+
+.van-icon-points:before {
+  content: '\e718';
+}
+
+.van-icon-photograph:before {
+  content: '\e719';
+}
+
+.van-icon-shop:before {
+  content: '\e71a';
+}
+
+.van-icon-shop-o:before {
+  content: '\e71b';
+}
+
+.van-icon-shop-collect-o:before {
+  content: '\e71c';
+}
+
+.van-icon-shop-collect:before {
+  content: '\e71d';
+}
+
+.van-icon-smile:before {
+  content: '\e71e';
+}
+
+.van-icon-shopping-cart-o:before {
+  content: '\e71f';
+}
+
+.van-icon-sign:before {
+  content: '\e720';
+}
+
+.van-icon-sort:before {
+  content: '\e721';
+}
+
+.van-icon-star-o:before {
+  content: '\e722';
+}
+
+.van-icon-smile-comment-o:before {
+  content: '\e723';
+}
+
+.van-icon-stop:before {
+  content: '\e724';
+}
+
+.van-icon-stop-circle-o:before {
+  content: '\e725';
+}
+
+.van-icon-smile-o:before {
+  content: '\e726';
+}
+
+.van-icon-star:before {
+  content: '\e727';
+}
+
+.van-icon-success:before {
+  content: '\e728';
+}
+
+.van-icon-stop-circle:before {
+  content: '\e729';
+}
+
+.van-icon-records:before {
+  content: '\e72a';
+}
+
+.van-icon-shopping-cart:before {
+  content: '\e72b';
+}
+
+.van-icon-tosend:before {
+  content: '\e72c';
+}
+
+.van-icon-todo-list:before {
+  content: '\e72d';
+}
+
+.van-icon-thumb-circle-o:before {
+  content: '\e72e';
+}
+
+.van-icon-thumb-circle:before {
+  content: '\e72f';
+}
+
+.van-icon-umbrella-circle:before {
+  content: '\e730';
+}
+
+.van-icon-underway:before {
+  content: '\e731';
+}
+
+.van-icon-upgrade:before {
+  content: '\e732';
+}
+
+.van-icon-todo-list-o:before {
+  content: '\e733';
+}
+
+.van-icon-tv-o:before {
+  content: '\e734';
+}
+
+.van-icon-underway-o:before {
+  content: '\e735';
+}
+
+.van-icon-user-o:before {
+  content: '\e736';
+}
+
+.van-icon-vip-card-o:before {
+  content: '\e737';
+}
+
+.van-icon-vip-card:before {
+  content: '\e738';
+}
+
+.van-icon-send-gift:before {
+  content: '\e739';
+}
+
+.van-icon-wap-home:before {
+  content: '\e73a';
+}
+
+.van-icon-wap-nav:before {
+  content: '\e73b';
+}
+
+.van-icon-volume-o:before {
+  content: '\e73c';
+}
+
+.van-icon-video:before {
+  content: '\e73d';
+}
+
+.van-icon-wap-home-o:before {
+  content: '\e73e';
+}
+
+.van-icon-volume:before {
+  content: '\e73f';
+}
+
+.van-icon-warning:before {
+  content: '\e740';
+}
+
+.van-icon-weapp-nav:before {
+  content: '\e741';
+}
+
+.van-icon-wechat-pay:before {
+  content: '\e742';
+}
+
+.van-icon-warning-o:before {
+  content: '\e743';
+}
+
+.van-icon-wechat:before {
+  content: '\e744';
+}
+
+.van-icon-setting-o:before {
+  content: '\e745';
+}
+
+.van-icon-youzan-shield:before {
+  content: '\e746';
+}
+
+.van-icon-warn-o:before {
+  content: '\e747';
+}
+
+.van-icon-smile-comment:before {
+  content: '\e748';
+}
+
+.van-icon-user-circle-o:before {
+  content: '\e749';
+}
+
+.van-icon-video-o:before {
+  content: '\e74a';
+}
+
+.van-icon-add-square:before {
+  content: '\e65c';
+}
+
+.van-icon-add:before {
+  content: '\e65d';
+}
+
+.van-icon-arrow-down:before {
+  content: '\e65e';
+}
+
+.van-icon-arrow-up:before {
+  content: '\e65f';
+}
+
+.van-icon-arrow:before {
+  content: '\e660';
+}
+
+.van-icon-after-sale:before {
+  content: '\e661';
+}
+
+.van-icon-add-o:before {
+  content: '\e662';
+}
+
+.van-icon-alipay:before {
+  content: '\e663';
+}
+
+.van-icon-ascending:before {
+  content: '\e664';
+}
+
+.van-icon-apps-o:before {
+  content: '\e665';
+}
+
+.van-icon-aim:before {
+  content: '\e666';
+}
+
+.van-icon-award:before {
+  content: '\e667';
+}
+
+.van-icon-arrow-left:before {
+  content: '\e668';
+}
+
+.van-icon-award-o:before {
+  content: '\e669';
+}
+
+.van-icon-audio:before {
+  content: '\e66a';
+}
+
+.van-icon-bag-o:before {
+  content: '\e66b';
+}
+
+.van-icon-balance-list:before {
+  content: '\e66c';
+}
+
+.van-icon-back-top:before {
+  content: '\e66d';
+}
+
+.van-icon-bag:before {
+  content: '\e66e';
+}
+
+.van-icon-balance-pay:before {
+  content: '\e66f';
+}
+
+.van-icon-balance-o:before {
+  content: '\e670';
+}
+
+.van-icon-bar-chart-o:before {
+  content: '\e671';
+}
+
+.van-icon-bars:before {
+  content: '\e672';
+}
+
+.van-icon-balance-list-o:before {
+  content: '\e673';
+}
+
+.van-icon-birthday-cake-o:before {
+  content: '\e674';
+}
+
+.van-icon-bookmark:before {
+  content: '\e675';
+}
+
+.van-icon-bill:before {
+  content: '\e676';
+}
+
+.van-icon-bell:before {
+  content: '\e677';
+}
+
+.van-icon-browsing-history-o:before {
+  content: '\e678';
+}
+
+.van-icon-browsing-history:before {
+  content: '\e679';
+}
+
+.van-icon-bookmark-o:before {
+  content: '\e67a';
+}
+
+.van-icon-bulb-o:before {
+  content: '\e67b';
+}
+
+.van-icon-bullhorn-o:before {
+  content: '\e67c';
+}
+
+.van-icon-bill-o:before {
+  content: '\e67d';
+}
+
+.van-icon-calendar-o:before {
+  content: '\e67e';
+}
+
+.van-icon-brush-o:before {
+  content: '\e67f';
+}
+
+.van-icon-card:before {
+  content: '\e680';
+}
+
+.van-icon-cart-o:before {
+  content: '\e681';
+}
+
+.van-icon-cart-circle:before {
+  content: '\e682';
+}
+
+.van-icon-cart-circle-o:before {
+  content: '\e683';
+}
+
+.van-icon-cart:before {
+  content: '\e684';
+}
+
+.van-icon-cash-on-deliver:before {
+  content: '\e685';
+}
+
+.van-icon-cash-back-record:before {
+  content: '\e686';
+}
+
+.van-icon-cashier-o:before {
+  content: '\e687';
+}
+
+.van-icon-chart-trending-o:before {
+  content: '\e688';
+}
+
+.van-icon-certificate:before {
+  content: '\e689';
+}
+
+.van-icon-chat:before {
+  content: '\e68a';
+}
+
+.van-icon-clear:before {
+  content: '\e68b';
+}
+
+.van-icon-chat-o:before {
+  content: '\e68c';
+}
+
+.van-icon-checked:before {
+  content: '\e68d';
+}
+
+.van-icon-clock:before {
+  content: '\e68e';
+}
+
+.van-icon-clock-o:before {
+  content: '\e68f';
+}
+
+.van-icon-close:before {
+  content: '\e690';
+}
+
+.van-icon-closed-eye:before {
+  content: '\e691';
+}
+
+.van-icon-circle:before {
+  content: '\e692';
+}
+
+.van-icon-cluster-o:before {
+  content: '\e693';
+}
+
+.van-icon-column:before {
+  content: '\e694';
+}
+
+.van-icon-comment-circle-o:before {
+  content: '\e695';
+}
+
+.van-icon-cluster:before {
+  content: '\e696';
+}
+
+.van-icon-comment:before {
+  content: '\e697';
+}
+
+.van-icon-comment-o:before {
+  content: '\e698';
+}
+
+.van-icon-comment-circle:before {
+  content: '\e699';
+}
+
+.van-icon-completed:before {
+  content: '\e69a';
+}
+
+.van-icon-credit-pay:before {
+  content: '\e69b';
+}
+
+.van-icon-coupon:before {
+  content: '\e69c';
+}
+
+.van-icon-debit-pay:before {
+  content: '\e69d';
+}
+
+.van-icon-coupon-o:before {
+  content: '\e69e';
+}
+
+.van-icon-contact:before {
+  content: '\e69f';
+}
+
+.van-icon-descending:before {
+  content: '\e6a0';
+}
+
+.van-icon-desktop-o:before {
+  content: '\e6a1';
+}
+
+.van-icon-diamond-o:before {
+  content: '\e6a2';
+}
+
+.van-icon-description:before {
+  content: '\e6a3';
+}
+
+.van-icon-delete:before {
+  content: '\e6a4';
+}
+
+.van-icon-diamond:before {
+  content: '\e6a5';
+}
+
+.van-icon-delete-o:before {
+  content: '\e6a6';
+}
+
+.van-icon-cross:before {
+  content: '\e6a7';
+}
+
+.van-icon-edit:before {
+  content: '\e6a8';
+}
+
+.van-icon-ellipsis:before {
+  content: '\e6a9';
+}
+
+.van-icon-down:before {
+  content: '\e6aa';
+}
+
+.van-icon-discount:before {
+  content: '\e6ab';
+}
+
+.van-icon-ecard-pay:before {
+  content: '\e6ac';
+}
+
+.van-icon-envelop-o:before {
+  content: '\e6ae';
+}
diff --git a/packages/vant-icons/src/encode-woff2.less b/packages/vant-icons/src/encode-woff2.less
index d4a5fdacc..378af416b 100644
--- a/packages/vant-icons/src/encode-woff2.less
+++ b/packages/vant-icons/src/encode-woff2.less
@@ -1,3 +1,5 @@
+@import './common.less';
+
 /* stylelint-disable selector-pseudo-element-colon-notation */
 /* stylelint-disable font-family-no-missing-generic-family-keyword */
 @font-face {
@@ -10,972 +12,3 @@
     url('https://b.yzcdn.cn/vant/vant-icon-f463a9.woff') format('woff'),
     url('https://b.yzcdn.cn/vant/vant-icon-f463a9.ttf') format('truetype');
 }
-
-.van-icon {
-  position: relative;
-  display: inline-block;
-  font: normal normal normal 14px/1 'vant-icon';
-  font-size: inherit;
-  text-rendering: auto;
-  -webkit-font-smoothing: antialiased;
-
-  &::before {
-    display: inline-block;
-  }
-}
-
-.van-icon-add-o::before {
-  content: '\F000';
-}
-
-.van-icon-add-square::before {
-  content: '\F001';
-}
-
-.van-icon-add::before {
-  content: '\F002';
-}
-
-.van-icon-after-sale::before {
-  content: '\F003';
-}
-
-.van-icon-aim::before {
-  content: '\F004';
-}
-
-.van-icon-alipay::before {
-  content: '\F005';
-}
-
-.van-icon-apps-o::before {
-  content: '\F006';
-}
-
-.van-icon-arrow-down::before {
-  content: '\F007';
-}
-
-.van-icon-arrow-left::before {
-  content: '\F008';
-}
-
-.van-icon-arrow-up::before {
-  content: '\F009';
-}
-
-.van-icon-arrow::before {
-  content: '\F00A';
-}
-
-.van-icon-ascending::before {
-  content: '\F00B';
-}
-
-.van-icon-audio::before {
-  content: '\F00C';
-}
-
-.van-icon-award-o::before {
-  content: '\F00D';
-}
-
-.van-icon-award::before {
-  content: '\F00E';
-}
-
-.van-icon-back-top::before {
-  content: '\F0E6';
-}
-
-.van-icon-bag-o::before {
-  content: '\F00F';
-}
-
-.van-icon-bag::before {
-  content: '\F010';
-}
-
-.van-icon-balance-list-o::before {
-  content: '\F011';
-}
-
-.van-icon-balance-list::before {
-  content: '\F012';
-}
-
-.van-icon-balance-o::before {
-  content: '\F013';
-}
-
-.van-icon-balance-pay::before {
-  content: '\F014';
-}
-
-.van-icon-bar-chart-o::before {
-  content: '\F015';
-}
-
-.van-icon-bars::before {
-  content: '\F016';
-}
-
-.van-icon-bell::before {
-  content: '\F017';
-}
-
-.van-icon-bill-o::before {
-  content: '\F018';
-}
-
-.van-icon-bill::before {
-  content: '\F019';
-}
-
-.van-icon-birthday-cake-o::before {
-  content: '\F01A';
-}
-
-.van-icon-bookmark-o::before {
-  content: '\F01B';
-}
-
-.van-icon-bookmark::before {
-  content: '\F01C';
-}
-
-.van-icon-browsing-history-o::before {
-  content: '\F01D';
-}
-
-.van-icon-browsing-history::before {
-  content: '\F01E';
-}
-
-.van-icon-brush-o::before {
-  content: '\F01F';
-}
-
-.van-icon-bulb-o::before {
-  content: '\F020';
-}
-
-.van-icon-bullhorn-o::before {
-  content: '\F021';
-}
-
-.van-icon-calendar-o::before {
-  content: '\F022';
-}
-
-.van-icon-card::before {
-  content: '\F023';
-}
-
-.van-icon-cart-circle-o::before {
-  content: '\F024';
-}
-
-.van-icon-cart-circle::before {
-  content: '\F025';
-}
-
-.van-icon-cart-o::before {
-  content: '\F026';
-}
-
-.van-icon-cart::before {
-  content: '\F027';
-}
-
-.van-icon-cash-back-record::before {
-  content: '\F028';
-}
-
-.van-icon-cash-on-deliver::before {
-  content: '\F029';
-}
-
-.van-icon-cashier-o::before {
-  content: '\F02A';
-}
-
-.van-icon-certificate::before {
-  content: '\F02B';
-}
-
-.van-icon-chart-trending-o::before {
-  content: '\F02C';
-}
-
-.van-icon-chat-o::before {
-  content: '\F02D';
-}
-
-.van-icon-chat::before {
-  content: '\F02E';
-}
-
-.van-icon-checked::before {
-  content: '\F02F';
-}
-
-.van-icon-circle::before {
-  content: '\F030';
-}
-
-.van-icon-clear::before {
-  content: '\F031';
-}
-
-.van-icon-clock-o::before {
-  content: '\F032';
-}
-
-.van-icon-clock::before {
-  content: '\F033';
-}
-
-.van-icon-close::before {
-  content: '\F034';
-}
-
-.van-icon-closed-eye::before {
-  content: '\F035';
-}
-
-.van-icon-cluster-o::before {
-  content: '\F036';
-}
-
-.van-icon-cluster::before {
-  content: '\F037';
-}
-
-.van-icon-column::before {
-  content: '\F038';
-}
-
-.van-icon-comment-circle-o::before {
-  content: '\F039';
-}
-
-.van-icon-comment-circle::before {
-  content: '\F03A';
-}
-
-.van-icon-comment-o::before {
-  content: '\F03B';
-}
-
-.van-icon-comment::before {
-  content: '\F03C';
-}
-
-.van-icon-completed::before {
-  content: '\F03D';
-}
-
-.van-icon-contact::before {
-  content: '\F03E';
-}
-
-.van-icon-coupon-o::before {
-  content: '\F03F';
-}
-
-.van-icon-coupon::before {
-  content: '\F040';
-}
-
-.van-icon-credit-pay::before {
-  content: '\F041';
-}
-
-.van-icon-cross::before {
-  content: '\F042';
-}
-
-.van-icon-debit-pay::before {
-  content: '\F043';
-}
-
-.van-icon-delete-o::before {
-  content: '\F0E9';
-}
-
-.van-icon-delete::before {
-  content: '\F044';
-}
-
-.van-icon-descending::before {
-  content: '\F045';
-}
-
-.van-icon-description::before {
-  content: '\F046';
-}
-
-.van-icon-desktop-o::before {
-  content: '\F047';
-}
-
-.van-icon-diamond-o::before {
-  content: '\F048';
-}
-
-.van-icon-diamond::before {
-  content: '\F049';
-}
-
-.van-icon-discount::before {
-  content: '\F04A';
-}
-
-.van-icon-down::before {
-  content: '\F04B';
-}
-
-.van-icon-ecard-pay::before {
-  content: '\F04C';
-}
-
-.van-icon-edit::before {
-  content: '\F04D';
-}
-
-.van-icon-ellipsis::before {
-  content: '\F04E';
-}
-
-.van-icon-empty::before {
-  content: '\F04F';
-}
-
-.van-icon-enlarge::before {
-  content: '\F0E4';
-}
-
-.van-icon-envelop-o::before {
-  content: '\F050';
-}
-
-.van-icon-exchange::before {
-  content: '\F051';
-}
-
-.van-icon-expand-o::before {
-  content: '\F052';
-}
-
-.van-icon-expand::before {
-  content: '\F053';
-}
-
-.van-icon-eye-o::before {
-  content: '\F054';
-}
-
-.van-icon-eye::before {
-  content: '\F055';
-}
-
-.van-icon-fail::before {
-  content: '\F056';
-}
-
-.van-icon-failure::before {
-  content: '\F057';
-}
-
-.van-icon-filter-o::before {
-  content: '\F058';
-}
-
-.van-icon-fire-o::before {
-  content: '\F059';
-}
-
-.van-icon-fire::before {
-  content: '\F05A';
-}
-
-.van-icon-flag-o::before {
-  content: '\F05B';
-}
-
-.van-icon-flower-o::before {
-  content: '\F05C';
-}
-
-.van-icon-font-o::before {
-  content: '\F0EC';
-}
-
-.van-icon-font::before {
-  content: '\F0EB';
-}
-
-.van-icon-free-postage::before {
-  content: '\F05D';
-}
-
-.van-icon-friends-o::before {
-  content: '\F05E';
-}
-
-.van-icon-friends::before {
-  content: '\F05F';
-}
-
-.van-icon-gem-o::before {
-  content: '\F060';
-}
-
-.van-icon-gem::before {
-  content: '\F061';
-}
-
-.van-icon-gift-card-o::before {
-  content: '\F062';
-}
-
-.van-icon-gift-card::before {
-  content: '\F063';
-}
-
-.van-icon-gift-o::before {
-  content: '\F064';
-}
-
-.van-icon-gift::before {
-  content: '\F065';
-}
-
-.van-icon-gold-coin-o::before {
-  content: '\F066';
-}
-
-.van-icon-gold-coin::before {
-  content: '\F067';
-}
-
-.van-icon-good-job-o::before {
-  content: '\F068';
-}
-
-.van-icon-good-job::before {
-  content: '\F069';
-}
-
-.van-icon-goods-collect-o::before {
-  content: '\F06A';
-}
-
-.van-icon-goods-collect::before {
-  content: '\F06B';
-}
-
-.van-icon-graphic::before {
-  content: '\F06C';
-}
-
-.van-icon-home-o::before {
-  content: '\F06D';
-}
-
-.van-icon-hot-o::before {
-  content: '\F06E';
-}
-
-.van-icon-hot-sale-o::before {
-  content: '\F06F';
-}
-
-.van-icon-hot-sale::before {
-  content: '\F070';
-}
-
-.van-icon-hot::before {
-  content: '\F071';
-}
-
-.van-icon-hotel-o::before {
-  content: '\F072';
-}
-
-.van-icon-idcard::before {
-  content: '\F073';
-}
-
-.van-icon-info-o::before {
-  content: '\F074';
-}
-
-.van-icon-info::before {
-  content: '\F075';
-}
-
-.van-icon-invition::before {
-  content: '\F076';
-}
-
-.van-icon-label-o::before {
-  content: '\F077';
-}
-
-.van-icon-label::before {
-  content: '\F078';
-}
-
-.van-icon-like-o::before {
-  content: '\F079';
-}
-
-.van-icon-like::before {
-  content: '\F07A';
-}
-
-.van-icon-live::before {
-  content: '\F07B';
-}
-
-.van-icon-location-o::before {
-  content: '\F07C';
-}
-
-.van-icon-location::before {
-  content: '\F07D';
-}
-
-.van-icon-lock::before {
-  content: '\F07E';
-}
-
-.van-icon-logistics::before {
-  content: '\F07F';
-}
-
-.van-icon-manager-o::before {
-  content: '\F080';
-}
-
-.van-icon-manager::before {
-  content: '\F081';
-}
-
-.van-icon-map-marked::before {
-  content: '\F082';
-}
-
-.van-icon-medal-o::before {
-  content: '\F083';
-}
-
-.van-icon-medal::before {
-  content: '\F084';
-}
-
-.van-icon-minus::before {
-  content: '\F0E8';
-}
-
-.van-icon-more-o::before {
-  content: '\F085';
-}
-
-.van-icon-more::before {
-  content: '\F086';
-}
-
-.van-icon-music-o::before {
-  content: '\F087';
-}
-
-.van-icon-music::before {
-  content: '\F088';
-}
-
-.van-icon-new-arrival-o::before {
-  content: '\F089';
-}
-
-.van-icon-new-arrival::before {
-  content: '\F08A';
-}
-
-.van-icon-new-o::before {
-  content: '\F08B';
-}
-
-.van-icon-new::before {
-  content: '\F08C';
-}
-
-.van-icon-newspaper-o::before {
-  content: '\F08D';
-}
-
-.van-icon-notes-o::before {
-  content: '\F08E';
-}
-
-.van-icon-orders-o::before {
-  content: '\F08F';
-}
-
-.van-icon-other-pay::before {
-  content: '\F090';
-}
-
-.van-icon-paid::before {
-  content: '\F091';
-}
-
-.van-icon-passed::before {
-  content: '\F092';
-}
-
-.van-icon-pause-circle-o::before {
-  content: '\F093';
-}
-
-.van-icon-pause-circle::before {
-  content: '\F094';
-}
-
-.van-icon-pause::before {
-  content: '\F095';
-}
-
-.van-icon-peer-pay::before {
-  content: '\F096';
-}
-
-.van-icon-pending-payment::before {
-  content: '\F097';
-}
-
-.van-icon-phone-circle-o::before {
-  content: '\F098';
-}
-
-.van-icon-phone-circle::before {
-  content: '\F099';
-}
-
-.van-icon-phone-o::before {
-  content: '\F09A';
-}
-
-.van-icon-phone::before {
-  content: '\F09B';
-}
-
-.van-icon-photo-fail::before {
-  content: '\F0E5';
-}
-
-.van-icon-photo-o::before {
-  content: '\F09C';
-}
-
-.van-icon-photo::before {
-  content: '\F09D';
-}
-
-.van-icon-photograph::before {
-  content: '\F09E';
-}
-
-.van-icon-play-circle-o::before {
-  content: '\F09F';
-}
-
-.van-icon-play-circle::before {
-  content: '\F0A0';
-}
-
-.van-icon-play::before {
-  content: '\F0A1';
-}
-
-.van-icon-plus::before {
-  content: '\F0A2';
-}
-
-.van-icon-point-gift-o::before {
-  content: '\F0A3';
-}
-
-.van-icon-point-gift::before {
-  content: '\F0A4';
-}
-
-.van-icon-points::before {
-  content: '\F0A5';
-}
-
-.van-icon-printer::before {
-  content: '\F0A6';
-}
-
-.van-icon-qr-invalid::before {
-  content: '\F0A7';
-}
-
-.van-icon-qr::before {
-  content: '\F0A8';
-}
-
-.van-icon-question-o::before {
-  content: '\F0A9';
-}
-
-.van-icon-question::before {
-  content: '\F0AA';
-}
-
-.van-icon-records::before {
-  content: '\F0AB';
-}
-
-.van-icon-refund-o::before {
-  content: '\F0AC';
-}
-
-.van-icon-replay::before {
-  content: '\F0AD';
-}
-
-.van-icon-revoke::before {
-  content: '\F0ED';
-}
-
-.van-icon-scan::before {
-  content: '\F0AE';
-}
-
-.van-icon-search::before {
-  content: '\F0AF';
-}
-
-.van-icon-send-gift-o::before {
-  content: '\F0B0';
-}
-
-.van-icon-send-gift::before {
-  content: '\F0B1';
-}
-
-.van-icon-service-o::before {
-  content: '\F0B2';
-}
-
-.van-icon-service::before {
-  content: '\F0B3';
-}
-
-.van-icon-setting-o::before {
-  content: '\F0B4';
-}
-
-.van-icon-setting::before {
-  content: '\F0B5';
-}
-
-.van-icon-share-o::before {
-  content: '\F0E7';
-}
-
-.van-icon-share::before {
-  content: '\F0B6';
-}
-
-.van-icon-shop-collect-o::before {
-  content: '\F0B7';
-}
-
-.van-icon-shop-collect::before {
-  content: '\F0B8';
-}
-
-.van-icon-shop-o::before {
-  content: '\F0B9';
-}
-
-.van-icon-shop::before {
-  content: '\F0BA';
-}
-
-.van-icon-shopping-cart-o::before {
-  content: '\F0BB';
-}
-
-.van-icon-shopping-cart::before {
-  content: '\F0BC';
-}
-
-.van-icon-shrink::before {
-  content: '\F0BD';
-}
-
-.van-icon-sign::before {
-  content: '\F0BE';
-}
-
-.van-icon-smile-comment-o::before {
-  content: '\F0BF';
-}
-
-.van-icon-smile-comment::before {
-  content: '\F0C0';
-}
-
-.van-icon-smile-o::before {
-  content: '\F0C1';
-}
-
-.van-icon-smile::before {
-  content: '\F0C2';
-}
-
-.van-icon-sort::before {
-  content: '\F0EA';
-}
-
-.van-icon-star-o::before {
-  content: '\F0C3';
-}
-
-.van-icon-star::before {
-  content: '\F0C4';
-}
-
-.van-icon-stop-circle-o::before {
-  content: '\F0C5';
-}
-
-.van-icon-stop-circle::before {
-  content: '\F0C6';
-}
-
-.van-icon-stop::before {
-  content: '\F0C7';
-}
-
-.van-icon-success::before {
-  content: '\F0C8';
-}
-
-.van-icon-thumb-circle-o::before {
-  content: '\F0C9';
-}
-
-.van-icon-thumb-circle::before {
-  content: '\F0CA';
-}
-
-.van-icon-todo-list-o::before {
-  content: '\F0CB';
-}
-
-.van-icon-todo-list::before {
-  content: '\F0CC';
-}
-
-.van-icon-tosend::before {
-  content: '\F0CD';
-}
-
-.van-icon-tv-o::before {
-  content: '\F0CE';
-}
-
-.van-icon-umbrella-circle::before {
-  content: '\F0CF';
-}
-
-.van-icon-underway-o::before {
-  content: '\F0D0';
-}
-
-.van-icon-underway::before {
-  content: '\F0D1';
-}
-
-.van-icon-upgrade::before {
-  content: '\F0D2';
-}
-
-.van-icon-user-circle-o::before {
-  content: '\F0D3';
-}
-
-.van-icon-user-o::before {
-  content: '\F0D4';
-}
-
-.van-icon-video-o::before {
-  content: '\F0D5';
-}
-
-.van-icon-video::before {
-  content: '\F0D6';
-}
-
-.van-icon-vip-card-o::before {
-  content: '\F0D7';
-}
-
-.van-icon-vip-card::before {
-  content: '\F0D8';
-}
-
-.van-icon-volume-o::before {
-  content: '\F0D9';
-}
-
-.van-icon-volume::before {
-  content: '\F0DA';
-}
-
-.van-icon-wap-home-o::before {
-  content: '\F0DB';
-}
-
-.van-icon-wap-home::before {
-  content: '\F0DC';
-}
-
-.van-icon-wap-nav::before {
-  content: '\F0DD';
-}
-
-.van-icon-warn-o::before {
-  content: '\F0DE';
-}
-
-.van-icon-warning-o::before {
-  content: '\F0DF';
-}
-
-.van-icon-warning::before {
-  content: '\F0E0';
-}
-
-.van-icon-weapp-nav::before {
-  content: '\F0E1';
-}
-
-.van-icon-wechat-pay::before {
-  content: '\F0E2';
-}
-
-.van-icon-wechat::before {
-  content: '\F0EE';
-}
-
-.van-icon-youzan-shield::before {
-  content: '\F0E3';
-}
diff --git a/packages/vant-icons/src/index.less b/packages/vant-icons/src/index.less
index a513844f9..d7a64bf46 100644
--- a/packages/vant-icons/src/index.less
+++ b/packages/vant-icons/src/index.less
@@ -1,980 +1,14 @@
-/* stylelint-disable selector-pseudo-element-colon-notation */
-/* stylelint-disable font-family-no-missing-generic-family-keyword */
+@import './common.less';
+
 @font-face {
   font-weight: normal;
-  font-family: 'vant-icon';
   font-style: normal;
   font-display: auto;
-  src: url('https://b.yzcdn.cn/vant/vant-icon-f463a9.woff2') format('woff2'),
-    url('https://b.yzcdn.cn/vant/vant-icon-f463a9.woff') format('woff'),
-    url('https://b.yzcdn.cn/vant/vant-icon-f463a9.ttf') format('truetype');
-}
-
-.van-icon {
-  position: relative;
-  display: inline-block;
-  font: normal normal normal 14px/1 'vant-icon';
-  font-size: inherit;
-  text-rendering: auto;
-  -webkit-font-smoothing: antialiased;
-
-  &::before {
-    display: inline-block;
-  }
-}
-
-.van-icon-add-o::before {
-  content: '\F000';
-}
-
-.van-icon-add-square::before {
-  content: '\F001';
-}
-
-.van-icon-add::before {
-  content: '\F002';
-}
-
-.van-icon-after-sale::before {
-  content: '\F003';
-}
-
-.van-icon-aim::before {
-  content: '\F004';
-}
-
-.van-icon-alipay::before {
-  content: '\F005';
-}
-
-.van-icon-apps-o::before {
-  content: '\F006';
-}
-
-.van-icon-arrow-down::before {
-  content: '\F007';
-}
-
-.van-icon-arrow-left::before {
-  content: '\F008';
-}
-
-.van-icon-arrow-up::before {
-  content: '\F009';
-}
-
-.van-icon-arrow::before {
-  content: '\F00A';
-}
-
-.van-icon-ascending::before {
-  content: '\F00B';
-}
-
-.van-icon-audio::before {
-  content: '\F00C';
-}
-
-.van-icon-award-o::before {
-  content: '\F00D';
-}
-
-.van-icon-award::before {
-  content: '\F00E';
-}
-
-.van-icon-back-top::before {
-  content: '\F0E6';
-}
-
-.van-icon-bag-o::before {
-  content: '\F00F';
-}
-
-.van-icon-bag::before {
-  content: '\F010';
-}
-
-.van-icon-balance-list-o::before {
-  content: '\F011';
-}
-
-.van-icon-balance-list::before {
-  content: '\F012';
-}
-
-.van-icon-balance-o::before {
-  content: '\F013';
-}
-
-.van-icon-balance-pay::before {
-  content: '\F014';
-}
-
-.van-icon-bar-chart-o::before {
-  content: '\F015';
-}
-
-.van-icon-bars::before {
-  content: '\F016';
-}
-
-.van-icon-bell::before {
-  content: '\F017';
-}
-
-.van-icon-bill-o::before {
-  content: '\F018';
-}
-
-.van-icon-bill::before {
-  content: '\F019';
-}
-
-.van-icon-birthday-cake-o::before {
-  content: '\F01A';
-}
-
-.van-icon-bookmark-o::before {
-  content: '\F01B';
-}
-
-.van-icon-bookmark::before {
-  content: '\F01C';
-}
-
-.van-icon-browsing-history-o::before {
-  content: '\F01D';
-}
-
-.van-icon-browsing-history::before {
-  content: '\F01E';
-}
-
-.van-icon-brush-o::before {
-  content: '\F01F';
-}
-
-.van-icon-bulb-o::before {
-  content: '\F020';
-}
-
-.van-icon-bullhorn-o::before {
-  content: '\F021';
-}
-
-.van-icon-calendar-o::before {
-  content: '\F022';
-}
-
-.van-icon-card::before {
-  content: '\F023';
-}
-
-.van-icon-cart-circle-o::before {
-  content: '\F024';
-}
-
-.van-icon-cart-circle::before {
-  content: '\F025';
-}
-
-.van-icon-cart-o::before {
-  content: '\F026';
-}
-
-.van-icon-cart::before {
-  content: '\F027';
-}
-
-.van-icon-cash-back-record::before {
-  content: '\F028';
-}
-
-.van-icon-cash-on-deliver::before {
-  content: '\F029';
-}
-
-.van-icon-cashier-o::before {
-  content: '\F02A';
-}
-
-.van-icon-certificate::before {
-  content: '\F02B';
-}
-
-.van-icon-chart-trending-o::before {
-  content: '\F02C';
-}
-
-.van-icon-chat-o::before {
-  content: '\F02D';
-}
-
-.van-icon-chat::before {
-  content: '\F02E';
-}
-
-.van-icon-checked::before {
-  content: '\F02F';
-}
-
-.van-icon-circle::before {
-  content: '\F030';
-}
-
-.van-icon-clear::before {
-  content: '\F031';
-}
-
-.van-icon-clock-o::before {
-  content: '\F032';
-}
-
-.van-icon-clock::before {
-  content: '\F033';
-}
-
-.van-icon-close::before {
-  content: '\F034';
-}
-
-.van-icon-closed-eye::before {
-  content: '\F035';
-}
-
-.van-icon-cluster-o::before {
-  content: '\F036';
-}
-
-.van-icon-cluster::before {
-  content: '\F037';
-}
-
-.van-icon-column::before {
-  content: '\F038';
-}
-
-.van-icon-comment-circle-o::before {
-  content: '\F039';
-}
-
-.van-icon-comment-circle::before {
-  content: '\F03A';
-}
-
-.van-icon-comment-o::before {
-  content: '\F03B';
-}
-
-.van-icon-comment::before {
-  content: '\F03C';
-}
-
-.van-icon-completed::before {
-  content: '\F03D';
-}
-
-.van-icon-contact::before {
-  content: '\F03E';
-}
-
-.van-icon-coupon-o::before {
-  content: '\F03F';
-}
-
-.van-icon-coupon::before {
-  content: '\F040';
-}
-
-.van-icon-credit-pay::before {
-  content: '\F041';
-}
-
-.van-icon-cross::before {
-  content: '\F042';
-}
-
-.van-icon-debit-pay::before {
-  content: '\F043';
-}
-
-.van-icon-delete-o::before {
-  content: '\F0E9';
-}
-
-.van-icon-delete::before {
-  content: '\F044';
-}
-
-.van-icon-descending::before {
-  content: '\F045';
-}
-
-.van-icon-description::before {
-  content: '\F046';
-}
-
-.van-icon-desktop-o::before {
-  content: '\F047';
-}
-
-.van-icon-diamond-o::before {
-  content: '\F048';
-}
-
-.van-icon-diamond::before {
-  content: '\F049';
-}
-
-.van-icon-discount::before {
-  content: '\F04A';
-}
-
-.van-icon-down::before {
-  content: '\F04B';
-}
-
-.van-icon-ecard-pay::before {
-  content: '\F04C';
-}
-
-.van-icon-edit::before {
-  content: '\F04D';
-}
-
-.van-icon-ellipsis::before {
-  content: '\F04E';
-}
-
-.van-icon-empty::before {
-  content: '\F04F';
-}
-
-.van-icon-enlarge::before {
-  content: '\F0E4';
-}
-
-.van-icon-envelop-o::before {
-  content: '\F050';
-}
-
-.van-icon-exchange::before {
-  content: '\F051';
-}
-
-.van-icon-expand-o::before {
-  content: '\F052';
-}
-
-.van-icon-expand::before {
-  content: '\F053';
-}
-
-.van-icon-eye-o::before {
-  content: '\F054';
-}
-
-.van-icon-eye::before {
-  content: '\F055';
-}
-
-.van-icon-fail::before {
-  content: '\F056';
-}
-
-.van-icon-failure::before {
-  content: '\F057';
-}
-
-.van-icon-filter-o::before {
-  content: '\F058';
-}
-
-.van-icon-fire-o::before {
-  content: '\F059';
-}
-
-.van-icon-fire::before {
-  content: '\F05A';
-}
-
-.van-icon-flag-o::before {
-  content: '\F05B';
-}
-
-.van-icon-flower-o::before {
-  content: '\F05C';
-}
-
-.van-icon-font-o::before {
-  content: '\F0EC';
-}
-
-.van-icon-font::before {
-  content: '\F0EB';
-}
-
-.van-icon-free-postage::before {
-  content: '\F05D';
-}
-
-.van-icon-friends-o::before {
-  content: '\F05E';
-}
-
-.van-icon-friends::before {
-  content: '\F05F';
-}
-
-.van-icon-gem-o::before {
-  content: '\F060';
-}
-
-.van-icon-gem::before {
-  content: '\F061';
-}
-
-.van-icon-gift-card-o::before {
-  content: '\F062';
-}
-
-.van-icon-gift-card::before {
-  content: '\F063';
-}
-
-.van-icon-gift-o::before {
-  content: '\F064';
-}
-
-.van-icon-gift::before {
-  content: '\F065';
-}
-
-.van-icon-gold-coin-o::before {
-  content: '\F066';
-}
-
-.van-icon-gold-coin::before {
-  content: '\F067';
-}
-
-.van-icon-good-job-o::before {
-  content: '\F068';
-}
-
-.van-icon-good-job::before {
-  content: '\F069';
-}
-
-.van-icon-goods-collect-o::before {
-  content: '\F06A';
-}
-
-.van-icon-goods-collect::before {
-  content: '\F06B';
-}
-
-.van-icon-graphic::before {
-  content: '\F06C';
-}
-
-.van-icon-home-o::before {
-  content: '\F06D';
-}
-
-.van-icon-hot-o::before {
-  content: '\F06E';
-}
-
-.van-icon-hot-sale-o::before {
-  content: '\F06F';
-}
-
-.van-icon-hot-sale::before {
-  content: '\F070';
-}
-
-.van-icon-hot::before {
-  content: '\F071';
-}
-
-.van-icon-hotel-o::before {
-  content: '\F072';
-}
-
-.van-icon-idcard::before {
-  content: '\F073';
-}
-
-.van-icon-info-o::before {
-  content: '\F074';
-}
-
-.van-icon-info::before {
-  content: '\F075';
-}
-
-.van-icon-invition::before {
-  content: '\F076';
-}
-
-.van-icon-label-o::before {
-  content: '\F077';
-}
-
-.van-icon-label::before {
-  content: '\F078';
-}
-
-.van-icon-like-o::before {
-  content: '\F079';
-}
-
-.van-icon-like::before {
-  content: '\F07A';
-}
-
-.van-icon-live::before {
-  content: '\F07B';
-}
-
-.van-icon-location-o::before {
-  content: '\F07C';
-}
-
-.van-icon-location::before {
-  content: '\F07D';
-}
-
-.van-icon-lock::before {
-  content: '\F07E';
-}
-
-.van-icon-logistics::before {
-  content: '\F07F';
-}
-
-.van-icon-manager-o::before {
-  content: '\F080';
-}
-
-.van-icon-manager::before {
-  content: '\F081';
-}
-
-.van-icon-map-marked::before {
-  content: '\F082';
-}
-
-.van-icon-medal-o::before {
-  content: '\F083';
-}
-
-.van-icon-medal::before {
-  content: '\F084';
-}
-
-.van-icon-minus::before {
-  content: '\F0E8';
-}
-
-.van-icon-more-o::before {
-  content: '\F085';
-}
-
-.van-icon-more::before {
-  content: '\F086';
-}
-
-.van-icon-music-o::before {
-  content: '\F087';
-}
-
-.van-icon-music::before {
-  content: '\F088';
-}
-
-.van-icon-new-arrival-o::before {
-  content: '\F089';
-}
-
-.van-icon-new-arrival::before {
-  content: '\F08A';
-}
-
-.van-icon-new-o::before {
-  content: '\F08B';
-}
-
-.van-icon-new::before {
-  content: '\F08C';
-}
-
-.van-icon-newspaper-o::before {
-  content: '\F08D';
-}
-
-.van-icon-notes-o::before {
-  content: '\F08E';
-}
-
-.van-icon-orders-o::before {
-  content: '\F08F';
-}
-
-.van-icon-other-pay::before {
-  content: '\F090';
-}
-
-.van-icon-paid::before {
-  content: '\F091';
-}
-
-.van-icon-passed::before {
-  content: '\F092';
-}
-
-.van-icon-pause-circle-o::before {
-  content: '\F093';
-}
-
-.van-icon-pause-circle::before {
-  content: '\F094';
-}
-
-.van-icon-pause::before {
-  content: '\F095';
-}
-
-.van-icon-peer-pay::before {
-  content: '\F096';
-}
-
-.van-icon-pending-payment::before {
-  content: '\F097';
-}
-
-.van-icon-phone-circle-o::before {
-  content: '\F098';
-}
-
-.van-icon-phone-circle::before {
-  content: '\F099';
-}
-
-.van-icon-phone-o::before {
-  content: '\F09A';
-}
-
-.van-icon-phone::before {
-  content: '\F09B';
-}
-
-.van-icon-photo-fail::before {
-  content: '\F0E5';
-}
-
-.van-icon-photo-o::before {
-  content: '\F09C';
-}
-
-.van-icon-photo::before {
-  content: '\F09D';
-}
-
-.van-icon-photograph::before {
-  content: '\F09E';
-}
-
-.van-icon-play-circle-o::before {
-  content: '\F09F';
-}
-
-.van-icon-play-circle::before {
-  content: '\F0A0';
-}
-
-.van-icon-play::before {
-  content: '\F0A1';
-}
-
-.van-icon-plus::before {
-  content: '\F0A2';
-}
-
-.van-icon-point-gift-o::before {
-  content: '\F0A3';
-}
-
-.van-icon-point-gift::before {
-  content: '\F0A4';
-}
-
-.van-icon-points::before {
-  content: '\F0A5';
-}
-
-.van-icon-printer::before {
-  content: '\F0A6';
-}
-
-.van-icon-qr-invalid::before {
-  content: '\F0A7';
-}
-
-.van-icon-qr::before {
-  content: '\F0A8';
-}
-
-.van-icon-question-o::before {
-  content: '\F0A9';
-}
-
-.van-icon-question::before {
-  content: '\F0AA';
-}
-
-.van-icon-records::before {
-  content: '\F0AB';
-}
-
-.van-icon-refund-o::before {
-  content: '\F0AC';
-}
-
-.van-icon-replay::before {
-  content: '\F0AD';
-}
-
-.van-icon-revoke::before {
-  content: '\F0ED';
-}
-
-.van-icon-scan::before {
-  content: '\F0AE';
-}
-
-.van-icon-search::before {
-  content: '\F0AF';
-}
-
-.van-icon-send-gift-o::before {
-  content: '\F0B0';
-}
-
-.van-icon-send-gift::before {
-  content: '\F0B1';
-}
-
-.van-icon-service-o::before {
-  content: '\F0B2';
-}
-
-.van-icon-service::before {
-  content: '\F0B3';
-}
-
-.van-icon-setting-o::before {
-  content: '\F0B4';
-}
-
-.van-icon-setting::before {
-  content: '\F0B5';
-}
-
-.van-icon-share-o::before {
-  content: '\F0E7';
-}
-
-.van-icon-share::before {
-  content: '\F0B6';
-}
-
-.van-icon-shop-collect-o::before {
-  content: '\F0B7';
-}
-
-.van-icon-shop-collect::before {
-  content: '\F0B8';
-}
-
-.van-icon-shop-o::before {
-  content: '\F0B9';
-}
-
-.van-icon-shop::before {
-  content: '\F0BA';
-}
-
-.van-icon-shopping-cart-o::before {
-  content: '\F0BB';
-}
-
-.van-icon-shopping-cart::before {
-  content: '\F0BC';
-}
-
-.van-icon-shrink::before {
-  content: '\F0BD';
-}
-
-.van-icon-sign::before {
-  content: '\F0BE';
-}
-
-.van-icon-smile-comment-o::before {
-  content: '\F0BF';
-}
-
-.van-icon-smile-comment::before {
-  content: '\F0C0';
-}
-
-.van-icon-smile-o::before {
-  content: '\F0C1';
-}
-
-.van-icon-smile::before {
-  content: '\F0C2';
-}
-
-.van-icon-sort::before {
-  content: '\F0EA';
-}
-
-.van-icon-star-o::before {
-  content: '\F0C3';
-}
-
-.van-icon-star::before {
-  content: '\F0C4';
-}
-
-.van-icon-stop-circle-o::before {
-  content: '\F0C5';
-}
-
-.van-icon-stop-circle::before {
-  content: '\F0C6';
-}
-
-.van-icon-stop::before {
-  content: '\F0C7';
-}
-
-.van-icon-success::before {
-  content: '\F0C8';
-}
-
-.van-icon-thumb-circle-o::before {
-  content: '\F0C9';
-}
-
-.van-icon-thumb-circle::before {
-  content: '\F0CA';
-}
-
-.van-icon-todo-list-o::before {
-  content: '\F0CB';
-}
-
-.van-icon-todo-list::before {
-  content: '\F0CC';
-}
-
-.van-icon-tosend::before {
-  content: '\F0CD';
-}
-
-.van-icon-tv-o::before {
-  content: '\F0CE';
-}
-
-.van-icon-umbrella-circle::before {
-  content: '\F0CF';
-}
-
-.van-icon-underway-o::before {
-  content: '\F0D0';
-}
-
-.van-icon-underway::before {
-  content: '\F0D1';
-}
-
-.van-icon-upgrade::before {
-  content: '\F0D2';
-}
-
-.van-icon-user-circle-o::before {
-  content: '\F0D3';
-}
-
-.van-icon-user-o::before {
-  content: '\F0D4';
-}
-
-.van-icon-video-o::before {
-  content: '\F0D5';
-}
-
-.van-icon-video::before {
-  content: '\F0D6';
-}
-
-.van-icon-vip-card-o::before {
-  content: '\F0D7';
-}
-
-.van-icon-vip-card::before {
-  content: '\F0D8';
-}
-
-.van-icon-volume-o::before {
-  content: '\F0D9';
-}
-
-.van-icon-volume::before {
-  content: '\F0DA';
-}
-
-.van-icon-wap-home-o::before {
-  content: '\F0DB';
-}
-
-.van-icon-wap-home::before {
-  content: '\F0DC';
-}
-
-.van-icon-wap-nav::before {
-  content: '\F0DD';
-}
-
-.van-icon-warn-o::before {
-  content: '\F0DE';
-}
-
-.van-icon-warning-o::before {
-  content: '\F0DF';
-}
-
-.van-icon-warning::before {
-  content: '\F0E0';
-}
-
-.van-icon-weapp-nav::before {
-  content: '\F0E1';
-}
-
-.van-icon-wechat-pay::before {
-  content: '\F0E2';
-}
-
-.van-icon-wechat::before {
-  content: '\F0EE';
-}
-
-.van-icon-youzan-shield::before {
-  content: '\F0E3';
+  font-family: 'vant-icon';
+  src: url('https://at.alicdn.com/t/font_2553510_vmn9rjrj84c.woff2?t=1621249625884')
+      format('woff2'),
+    url('https://at.alicdn.com/t/font_2553510_vmn9rjrj84c.woff?t=1621249625884')
+      format('woff'),
+    url('https://at.alicdn.com/t/font_2553510_vmn9rjrj84c.ttf?t=1621249625884')
+      format('truetype');
 }
diff --git a/src/icon/index.less b/src/icon/index.less
index cae831b14..f6229ba92 100644
--- a/src/icon/index.less
+++ b/src/icon/index.less
@@ -1,4 +1,4 @@
-@import '~@vant/icons/src/encode-woff2.less';
+@import '~@vant/icons/src/index.less';
 
 .van-icon {
   &__image {