package.json

@@ -50,7 +50,7 @@
   "author": "youzanfe",
   "license": "MIT",
   "dependencies": {
-    "@vant/icons": "^1.6.0",
+    "@vant/icons": "^1.5.3",
     "@vant/lazyload": "^1.2.0",
     "@vant/popperjs": "^1.1.0",
     "@vant/use": "^1.1.2"

packages/vant-icons/.gitignore

@@ -1 +1,4 @@
 assets/svg
+src/*.ttf
+src/*.woff
+src/*.woff2

packages/vant-icons/.svgo.yml

@@ -0,0 +1,6 @@
+
+plugins:
+  - removeAttrs:
+      attrs:
+        - 'fill'
+        - 'stroke'

packages/vant-icons/CHANGELOG.md

@@ -1,9 +1,5 @@
 ## Changelog
 
-## 1.6.0
-
-- migrate all icons to iconfont.cn
-
 ## 1.5.3
 
 - add config type definition

packages/vant-icons/README.md

@@ -30,4 +30,5 @@ yarn add @vant/icons
 
 1. Add new icon to assets/icons.sketch
 2. Add icon name to src/config.js
-3. Make a Pull Request
+3. Add icon codepoints to build/codepoints.js
+4. Make a Pull Request

packages/vant-icons/build/build-encode.js

@@ -0,0 +1,21 @@
+const fs = require('fs-extra');
+const path = require('path');
+const config = require('../src/config');
+
+function template(fontName, ttf) {
+  return `@font-face {
+  font-weight: normal;
+  font-family: '${fontName}';
+  font-style: normal;
+  src: url('${ttf}') format('truetype');
+}
+`;
+}
+
+module.exports = function encode(fontName, srcDir) {
+  const ttfBase64 = fs.readFileSync(`../src/${fontName}.ttf`, 'base64');
+  fs.writeFileSync(
+    path.join(srcDir, 'encode.less'),
+    template(config.name, `data:font/ttf;base64,${ttfBase64}`)
+  );
+};

packages/vant-icons/build/build-iconfont.js

@@ -0,0 +1,78 @@
+/**
+ * build iconfont from sketch
+ */
+const { src, dest, series } = require('gulp');
+const fs = require('fs-extra');
+const glob = require('fast-glob');
+const shell = require('shelljs');
+const encode = require('./build-encode');
+const md5File = require('md5-file');
+const iconfont = require('gulp-iconfont');
+const iconfontCss = require('gulp-iconfont-css');
+const config = require('../src/config');
+const codepoints = require('./codepoints');
+const { join } = require('path');
+
+const srcDir = join(__dirname, '../src');
+const svgDir = join(__dirname, '../assets/svg');
+const sketch = join(__dirname, '../assets/icons.sketch');
+const template = join(__dirname, './template.tpl');
+const formats = ['ttf', 'woff', 'woff2'];
+
+// get md5 from sketch
+const md5 = md5File.sync(sketch).slice(0, 6);
+const fontName = `${config.name}-${md5}`;
+
+// remove previous fonts
+const prevFonts = glob.sync(formats.map((ext) => join(srcDir, '*.' + ext)));
+prevFonts.forEach((font) => fs.removeSync(font));
+
+// generate font from svg && build index.less
+function font() {
+  return src([`${svgDir}/*.svg`])
+    .pipe(
+      iconfontCss({
+        fontName: config.name,
+        path: template,
+        targetPath: '../src/index.less',
+        normalize: true,
+        fixedCodepoints: codepoints,
+        cssClass: fontName, // this is a trick to pass fontName to template
+      })
+    )
+    .pipe(
+      iconfont({
+        fontName,
+        formats,
+      })
+    )
+    .pipe(dest(srcDir));
+}
+
+function encodeWoff2(done) {
+  const cdnPath = `https://b.yzcdn.cn/vant/${fontName}.woff2`;
+  const srcFile = join(srcDir, 'index.less');
+  const woff2Base64 = fs.readFileSync(`../src/${fontName}.woff2`, 'base64');
+  const woff2DataUrl = `data:font/ttf;base64,${woff2Base64}`;
+
+  fs.writeFileSync(
+    join(srcDir, 'encode-woff2.less'),
+    fs.readFileSync(srcFile, 'utf-8').replace(cdnPath, woff2DataUrl)
+  );
+
+  done();
+}
+
+function upload(done) {
+  // generate encode.less
+  encode(fontName, srcDir);
+
+  // upload font to cdn
+  formats.forEach((ext) => {
+    shell.exec(`superman-cdn /vant ${join(srcDir, fontName + '.' + ext)}`);
+  });
+
+  done();
+}
+
+exports.default = series(font, encodeWoff2, upload);

packages/vant-icons/build/codepoints.js

@@ -0,0 +1,250 @@
+/* eslint-disable no-useless-escape */
+const map = {
+  F000: 'add-o',
+  F001: 'add-square',
+  F002: 'add',
+  F003: 'after-sale',
+  F004: 'aim',
+  F005: 'alipay',
+  F006: 'apps-o',
+  F007: 'arrow-down',
+  F008: 'arrow-left',
+  F009: 'arrow-up',
+  F00A: 'arrow',
+  F00B: 'ascending',
+  F00C: 'audio',
+  F00D: 'award-o',
+  F00E: 'award',
+  F00F: 'bag-o',
+  F010: 'bag',
+  F011: 'balance-list-o',
+  F012: 'balance-list',
+  F013: 'balance-o',
+  F014: 'balance-pay',
+  F015: 'bar-chart-o',
+  F016: 'bars',
+  F017: 'bell',
+  F018: 'bill-o',
+  F019: 'bill',
+  F01A: 'birthday-cake-o',
+  F01B: 'bookmark-o',
+  F01C: 'bookmark',
+  F01D: 'browsing-history-o',
+  F01E: 'browsing-history',
+  F01F: 'brush-o',
+  F020: 'bulb-o',
+  F021: 'bullhorn-o',
+  F022: 'calendar-o',
+  F023: 'card',
+  F024: 'cart-circle-o',
+  F025: 'cart-circle',
+  F026: 'cart-o',
+  F027: 'cart',
+  F028: 'cash-back-record',
+  F029: 'cash-on-deliver',
+  F02A: 'cashier-o',
+  F02B: 'certificate',
+  F02C: 'chart-trending-o',
+  F02D: 'chat-o',
+  F02E: 'chat',
+  F02F: 'checked',
+  F030: 'circle',
+  F031: 'clear',
+  F032: 'clock-o',
+  F033: 'clock',
+  F034: 'close',
+  F035: 'closed-eye',
+  F036: 'cluster-o',
+  F037: 'cluster',
+  F038: 'column',
+  F039: 'comment-circle-o',
+  F03A: 'comment-circle',
+  F03B: 'comment-o',
+  F03C: 'comment',
+  F03D: 'completed',
+  F03E: 'contact',
+  F03F: 'coupon-o',
+  F040: 'coupon',
+  F041: 'credit-pay',
+  F042: 'cross',
+  F043: 'debit-pay',
+  F044: 'delete',
+  F045: 'descending',
+  F046: 'description',
+  F047: 'desktop-o',
+  F048: 'diamond-o',
+  F049: 'diamond',
+  F04A: 'discount',
+  F04B: 'down',
+  F04C: 'ecard-pay',
+  F04D: 'edit',
+  F04E: 'ellipsis',
+  F04F: 'empty',
+  F050: 'envelop-o',
+  F051: 'exchange',
+  F052: 'expand-o',
+  F053: 'expand',
+  F054: 'eye-o',
+  F055: 'eye',
+  F056: 'fail',
+  F057: 'failure',
+  F058: 'filter-o',
+  F059: 'fire-o',
+  F05A: 'fire',
+  F05B: 'flag-o',
+  F05C: 'flower-o',
+  F05D: 'free-postage',
+  F05E: 'friends-o',
+  F05F: 'friends',
+  F060: 'gem-o',
+  F061: 'gem',
+  F062: 'gift-card-o',
+  F063: 'gift-card',
+  F064: 'gift-o',
+  F065: 'gift',
+  F066: 'gold-coin-o',
+  F067: 'gold-coin',
+  F068: 'good-job-o',
+  F069: 'good-job',
+  F06A: 'goods-collect-o',
+  F06B: 'goods-collect',
+  F06C: 'graphic',
+  F06D: 'home-o',
+  F06E: 'hot-o',
+  F06F: 'hot-sale-o',
+  F070: 'hot-sale',
+  F071: 'hot',
+  F072: 'hotel-o',
+  F073: 'idcard',
+  F074: 'info-o',
+  F075: 'info',
+  F076: 'invition',
+  F077: 'label-o',
+  F078: 'label',
+  F079: 'like-o',
+  F07A: 'like',
+  F07B: 'live',
+  F07C: 'location-o',
+  F07D: 'location',
+  F07E: 'lock',
+  F07F: 'logistics',
+  F080: 'manager-o',
+  F081: 'manager',
+  F082: 'map-marked',
+  F083: 'medal-o',
+  F084: 'medal',
+  F085: 'more-o',
+  F086: 'more',
+  F087: 'music-o',
+  F088: 'music',
+  F089: 'new-arrival-o',
+  F08A: 'new-arrival',
+  F08B: 'new-o',
+  F08C: 'new',
+  F08D: 'newspaper-o',
+  F08E: 'notes-o',
+  F08F: 'orders-o',
+  F090: 'other-pay',
+  F091: 'paid',
+  F092: 'passed',
+  F093: 'pause-circle-o',
+  F094: 'pause-circle',
+  F095: 'pause',
+  F096: 'peer-pay',
+  F097: 'pending-payment',
+  F098: 'phone-circle-o',
+  F099: 'phone-circle',
+  F09A: 'phone-o',
+  F09B: 'phone',
+  F09C: 'photo-o',
+  F09D: 'photo',
+  F09E: 'photograph',
+  F09F: 'play-circle-o',
+  F0A0: 'play-circle',
+  F0A1: 'play',
+  F0A2: 'plus',
+  F0A3: 'point-gift-o',
+  F0A4: 'point-gift',
+  F0A5: 'points',
+  F0A6: 'printer',
+  F0A7: 'qr-invalid',
+  F0A8: 'qr',
+  F0A9: 'question-o',
+  F0AA: 'question',
+  F0AB: 'records',
+  F0AC: 'refund-o',
+  F0AD: 'replay',
+  F0AE: 'scan',
+  F0AF: 'search',
+  F0B0: 'send-gift-o',
+  F0B1: 'send-gift',
+  F0B2: 'service-o',
+  F0B3: 'service',
+  F0B4: 'setting-o',
+  F0B5: 'setting',
+  F0B6: 'share',
+  F0B7: 'shop-collect-o',
+  F0B8: 'shop-collect',
+  F0B9: 'shop-o',
+  F0BA: 'shop',
+  F0BB: 'shopping-cart-o',
+  F0BC: 'shopping-cart',
+  F0BD: 'shrink',
+  F0BE: 'sign',
+  F0BF: 'smile-comment-o',
+  F0C0: 'smile-comment',
+  F0C1: 'smile-o',
+  F0C2: 'smile',
+  F0C3: 'star-o',
+  F0C4: 'star',
+  F0C5: 'stop-circle-o',
+  F0C6: 'stop-circle',
+  F0C7: 'stop',
+  F0C8: 'success',
+  F0C9: 'thumb-circle-o',
+  F0CA: 'thumb-circle',
+  F0CB: 'todo-list-o',
+  F0CC: 'todo-list',
+  F0CD: 'tosend',
+  F0CE: 'tv-o',
+  F0CF: 'umbrella-circle',
+  F0D0: 'underway-o',
+  F0D1: 'underway',
+  F0D2: 'upgrade',
+  F0D3: 'user-circle-o',
+  F0D4: 'user-o',
+  F0D5: 'video-o',
+  F0D6: 'video',
+  F0D7: 'vip-card-o',
+  F0D8: 'vip-card',
+  F0D9: 'volume-o',
+  F0DA: 'volume',
+  F0DB: 'wap-home-o',
+  F0DC: 'wap-home',
+  F0DD: 'wap-nav',
+  F0DE: 'warn-o',
+  F0DF: 'warning-o',
+  F0E0: 'warning',
+  F0E1: 'weapp-nav',
+  F0E2: 'wechat-pay',
+  F0E3: 'youzan-shield',
+  F0E4: 'enlarge',
+  F0E5: 'photo-fail',
+  F0E6: 'back-top',
+  F0E7: 'share-o',
+  F0E8: 'minus',
+  F0E9: 'delete-o',
+  F0EA: 'sort',
+  F0EB: 'font',
+  F0EC: 'font-o',
+  F0ED: 'revoke',
+  F0EE: 'wechat',
+};
+
+const reversedMap = {};
+
+Object.keys(map).forEach((key) => {
+  reversedMap[map[key]] = key;
+});
+
+module.exports = reversedMap;

packages/vant-icons/build/export.js

@@ -0,0 +1,19 @@
+const fs = require('fs-extra');
+const path = require('path');
+const shell = require('shelljs');
+
+const svgDir = path.join(__dirname, '../assets/svg');
+const sketch = path.join(__dirname, '../assets/icons.sketch');
+const SKETCH_TOOL_DIR =
+  '/Applications/Sketch.app/Contents/Resources/sketchtool/bin/sketchtool';
+
+fs.removeSync(svgDir);
+
+// extract svg from sketch
+// should install sketchtool first
+// install guide: https://developer.sketchapp.com/guides/sketchtool/
+shell.exec(
+  `${SKETCH_TOOL_DIR} export slices --formats=svg --overwriting=YES --save-for-web=YES --output=${svgDir} ${sketch}`
+);
+
+shell.exec('svgo ./assets/svg/*.svg');

packages/vant-icons/build/template.tpl

@@ -0,0 +1,30 @@
+/* stylelint-disable selector-pseudo-element-colon-notation */
+/* stylelint-disable font-family-no-missing-generic-family-keyword */
+@font-face {
+  font-weight: normal;
+  font-family: '<%= fontName %>';
+  font-style: normal;
+  font-display: auto;
+  src: url('https://b.yzcdn.cn/vant/<%= cssClass %>.woff2') format('woff2'),
+    url('https://b.yzcdn.cn/vant/<%= cssClass %>.woff') format('woff'),
+    url('https://b.yzcdn.cn/vant/<%= cssClass %>.ttf') format('truetype');
+}
+
+.van-icon {
+  position: relative;
+  display: inline-block;
+  font: normal normal normal 14px/1 '<%= fontName %>';
+  font-size: inherit;
+  text-rendering: auto;
+  -webkit-font-smoothing: antialiased;
+
+  &::before {
+    display: inline-block;
+  }
+}
+
+<% _.each(glyphs, function(glyph) { %>.van-icon-<%= glyph.fileName %>::before {
+  content: '\<%= glyph.codePoint %>';
+}
+
+<% }); %>

packages/vant-icons/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vant/icons",
-  "version": "1.6.0",
+  "version": "1.5.3",
   "description": "vant icons",
   "main": "./src/config.js",
   "types": "./src/config.d.ts",
@@ -12,12 +12,22 @@
     "registry": "https://registry.npmjs.org/"
   },
   "scripts": {
-    "release": "release-it"
+    "export": "node ./build/export.js",
+    "build": "npm run export && gulp --gulpfile ./build/build-iconfont.js",
+    "release": "npm run build && release-it"
   },
   "license": "MIT",
   "repository": "https://github.com/youzan/vant/tree/dev/packages/vant-icons",
   "devDependencies": {
-    "release-it": "^13.6.2"
+    "fast-glob": "^3.2.2",
+    "fs-extra": "^9.0.1",
+    "gulp": "^4.0.2",
+    "gulp-iconfont": "^10.0.3",
+    "gulp-iconfont-css": "^3.0.0",
+    "md5-file": "^5.0.0",
+    "release-it": "^13.6.2",
+    "shelljs": "^0.8.4",
+    "svgo": "1.2.2"
   },
   "release-it": {
     "git": {

packages/vant-icons/src/common.less

@@ -1,967 +0,0 @@
-/* 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';
-}

packages/vant-icons/src/index.less

@@ -1,14 +1,980 @@
-@import './common.less';
-
+/* stylelint-disable selector-pseudo-element-colon-notation */
+/* stylelint-disable font-family-no-missing-generic-family-keyword */
 @font-face {
   font-weight: normal;
+  font-family: 'vant-icon';
   font-style: normal;
   font-display: auto;
-  font-family: 'vant-icon';
-  src: url('https://at.alicdn.com/t/font_2553510_7cds497uxwn.woff2?t=1621320123079')
-      format('woff2'),
-    url('https://at.alicdn.com/t/font_2553510_7cds497uxwn.woff?t=1621320123079')
-      format('woff'),
-    url('https://at.alicdn.com/t/font_2553510_7cds497uxwn.ttf?t=1621320123079')
-      format('truetype');
+  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';
 }

yarn.lock

@@ -1917,10 +1917,10 @@
     eslint-plugin-markdown "^2.0.0"
     eslint-plugin-vue "^7.1.0"
 
-"@vant/icons@^1.6.0":
-  version "1.6.0"
-  resolved "https://registry.npmjs.org/@vant/icons/-/icons-1.6.0.tgz#3db7eb7f963f51a2a08676720d5af9c4c3512feb"
-  integrity sha512-4Hvq4tl4grCOJLZ0e8ZaivBV8xOcmTPmTT8BDkTrEIKqnDowRFDdsXxcHECzWmbmMx+CYGdngvd2Cq8YR9DfKA==
+"@vant/icons@^1.5.3":
+  version "1.5.3"
+  resolved "https://registry.npm.taobao.org/@vant/icons/download/@vant/icons-1.5.3.tgz?cache=0&sync_timestamp=1613997305954&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vant%2Ficons%2Fdownload%2F%40vant%2Ficons-1.5.3.tgz#b7779f67bf608d417a82452fbede406dfa46b439"
+  integrity sha1-t3efZ79gjUF6gkUvvt5AbfpGtDk=
 
 "@vant/lazyload@^1.2.0":
   version "1.2.0"