[Imprvement] Icon: add idcard icon and remove three icon (#1331)

build/build-iconfont.js

@@ -26,7 +26,7 @@ const ttf = `${config.name}-${md5}.ttf`;
 // should install sketchtool first
 // install guide: https://developer.sketchapp.com/guides/sketchtool/
 shell.exec(
-  `sketchtool export slices --formats=svg --overwriting=YES --save-for-web=YES --output=${svgDir} ${sketch}`
+  `/Applications/Sketch.app/Contents/Resources/sketchtool/bin/sketchtool export slices --formats=svg --overwriting=YES --save-for-web=YES --output=${svgDir} ${sketch}`
 );
 
 // remove previous ttf

packages/icon/config/index.js

@@ -2,7 +2,7 @@ module.exports = {
   name: 'vant-icon',
   glyphs: [
     {
-      src: '关闭.svg',
+      src: 'close.svg',
       css: 'close'
     },
     {
@@ -26,7 +26,7 @@ module.exports = {
       css: 'question'
     },
     {
-      src: '时钟.svg',
+      src: 'clock.svg',
       css: 'clock'
     },
     {
@@ -74,7 +74,7 @@ module.exports = {
       css: 'exchange'
     },
     {
-      src: '其他分店.svg',
+      src: 'location.svg',
       css: 'location'
     },
     {
@@ -141,6 +141,14 @@ module.exports = {
       src: '已完成2.svg',
       css: 'sign'
     },
+    {
+      src: 'photo.svg',
+      css: 'photo'
+    },
+    {
+      src: 'idcard.svg',
+      css: 'idcard'
+    },
     {
       src: '首页.svg',
       css: 'home'
@@ -149,18 +157,6 @@ module.exports = {
       src: '包邮.svg',
       css: 'free-postage'
     },
-    {
-      src: '生日特权.svg',
-      css: 'birthday-privilege'
-    },
-    {
-      src: '会员日特权.svg',
-      css: 'member-day-privilege'
-    },
-    {
-      src: '余额明细.svg',
-      css: 'balance-details'
-    },
     {
       src: '返现记录.svg',
       css: 'cash-back-record'
@@ -265,10 +261,6 @@ module.exports = {
       src: '添加.svg',
       css: 'add2'
     },
-    {
-      src: '照片.svg',
-      css: 'photo'
-    },
     {
       src: '微信支付.svg',
       css: 'wechat'

packages/icon/test/__snapshots__/demo.spec.js.snap

@@ -143,6 +143,14 @@ exports[`renders demo correctly 1`] = `
       <i class="van-icon van-icon-sign" style="color:undefined;">
         <!---->
       </i> <span>sign</span></div>
+    <div class="van-col van-col--8">
+      <i class="van-icon van-icon-photo" style="color:undefined;">
+        <!---->
+      </i> <span>photo</span></div>
+    <div class="van-col van-col--8">
+      <i class="van-icon van-icon-idcard" style="color:undefined;">
+        <!---->
+      </i> <span>idcard</span></div>
     <div class="van-col van-col--8">
       <i class="van-icon van-icon-home" style="color:undefined;">
         <!---->
@@ -151,18 +159,6 @@ exports[`renders demo correctly 1`] = `
       <i class="van-icon van-icon-free-postage" style="color:undefined;">
         <!---->
       </i> <span>free-postage</span></div>
-    <div class="van-col van-col--8">
-      <i class="van-icon van-icon-birthday-privilege" style="color:undefined;">
-        <!---->
-      </i> <span>birthday-privilege</span></div>
-    <div class="van-col van-col--8">
-      <i class="van-icon van-icon-member-day-privilege" style="color:undefined;">
-        <!---->
-      </i> <span>member-day-privilege</span></div>
-    <div class="van-col van-col--8">
-      <i class="van-icon van-icon-balance-details" style="color:undefined;">
-        <!---->
-      </i> <span>balance-details</span></div>
     <div class="van-col van-col--8">
       <i class="van-icon van-icon-cash-back-record" style="color:undefined;">
         <!---->
@@ -267,10 +263,6 @@ exports[`renders demo correctly 1`] = `
       <i class="van-icon van-icon-add2" style="color:undefined;">
         <!---->
       </i> <span>add2</span></div>
-    <div class="van-col van-col--8">
-      <i class="van-icon van-icon-photo" style="color:undefined;">
-        <!---->
-      </i> <span>photo</span></div>
     <div class="van-col van-col--8">
       <i class="van-icon van-icon-wechat" style="color:undefined;">
         <!---->

packages/vant-css/src/icon-local.css

@@ -2,5 +2,5 @@
   font-style: normal;
   font-weight: normal;
   font-family: 'vant-icon';
-  src: url('../icon/vant-icon-9b71af.ttf') format('truetype');
+  src: url('../icon/vant-icon-eb8c95.ttf') format('truetype');
 }

packages/vant-css/src/icon.css

@@ -4,7 +4,7 @@
   font-style: normal;
   font-weight: normal;
   font-family: 'vant-icon';
-  src: url('https://img.yzcdn.cn/vant/vant-icon-9b71af.ttf') format('truetype');
+  src: url('https://img.yzcdn.cn/vant/vant-icon-eb8c95.ttf') format('truetype');
 }
 
 .van-icon {
@@ -64,355 +64,347 @@
   content: "\F006";
 }
 
-.van-icon-balance-details::before {
+.van-icon-balance-pay::before {
   content: "\F007";
 }
 
-.van-icon-balance-pay::before {
+.van-icon-browsing-history::before {
   content: "\F008";
 }
 
-.van-icon-birthday-privilege::before {
+.van-icon-card::before {
   content: "\F009";
 }
 
-.van-icon-browsing-history::before {
+.van-icon-cart::before {
   content: "\F00A";
 }
 
-.van-icon-card::before {
+.van-icon-cash-back-record::before {
   content: "\F00B";
 }
 
-.van-icon-cart::before {
+.van-icon-cash-on-deliver::before {
   content: "\F00C";
 }
 
-.van-icon-cash-back-record::before {
+.van-icon-certificate::before {
   content: "\F00D";
 }
 
-.van-icon-cash-on-deliver::before {
+.van-icon-chat::before {
   content: "\F00E";
 }
 
-.van-icon-certificate::before {
+.van-icon-check::before {
   content: "\F00F";
 }
 
-.van-icon-chat::before {
+.van-icon-checked::before {
   content: "\F010";
 }
 
-.van-icon-check::before {
+.van-icon-clear::before {
   content: "\F011";
 }
 
-.van-icon-checked::before {
+.van-icon-clock::before {
   content: "\F012";
 }
 
-.van-icon-clear::before {
+.van-icon-close::before {
   content: "\F013";
 }
 
-.van-icon-clock::before {
+.van-icon-completed::before {
   content: "\F014";
 }
 
-.van-icon-close::before {
+.van-icon-contact::before {
   content: "\F015";
 }
 
-.van-icon-completed::before {
+.van-icon-coupon::before {
   content: "\F016";
 }
 
-.van-icon-contact::before {
+.van-icon-credit-pay::before {
   content: "\F017";
 }
 
-.van-icon-coupon::before {
+.van-icon-debit-pay::before {
   content: "\F018";
 }
 
-.van-icon-credit-pay::before {
+.van-icon-delete::before {
   content: "\F019";
 }
 
-.van-icon-debit-pay::before {
+.van-icon-description::before {
   content: "\F01A";
 }
 
-.van-icon-delete::before {
+.van-icon-discount::before {
   content: "\F01B";
 }
 
-.van-icon-description::before {
+.van-icon-ecard-pay::before {
   content: "\F01C";
 }
 
-.van-icon-discount::before {
+.van-icon-edit-data::before {
   content: "\F01D";
 }
 
-.van-icon-ecard-pay::before {
+.van-icon-edit::before {
   content: "\F01E";
 }
 
-.van-icon-edit-data::before {
+.van-icon-exchange-record::before {
   content: "\F01F";
 }
 
-.van-icon-edit::before {
+.van-icon-exchange::before {
   content: "\F020";
 }
 
-.van-icon-exchange-record::before {
+.van-icon-fail::before {
   content: "\F021";
 }
 
-.van-icon-exchange::before {
+.van-icon-free-postage::before {
   content: "\F022";
 }
 
-.van-icon-fail::before {
+.van-icon-gift-card-pay::before {
   content: "\F023";
 }
 
-.van-icon-free-postage::before {
+.van-icon-gift-card::before {
   content: "\F024";
 }
 
-.van-icon-gift-card-pay::before {
+.van-icon-gift::before {
   content: "\F025";
 }
 
-.van-icon-gift-card::before {
+.van-icon-gold-coin::before {
   content: "\F026";
 }
 
-.van-icon-gift::before {
+.van-icon-goods-collect::before {
   content: "\F027";
 }
 
-.van-icon-gold-coin::before {
+.van-icon-home::before {
   content: "\F028";
 }
 
-.van-icon-goods-collect::before {
+.van-icon-hot-sale::before {
   content: "\F029";
 }
 
-.van-icon-home::before {
+.van-icon-hot::before {
   content: "\F02A";
 }
 
-.van-icon-hot-sale::before {
+.van-icon-idcard::before {
   content: "\F02B";
 }
 
-.van-icon-hot::before {
+.van-icon-info-o::before {
   content: "\F02C";
 }
 
-.van-icon-info-o::before {
+.van-icon-like-o::before {
   content: "\F02D";
 }
 
-.van-icon-like-o::before {
+.van-icon-like::before {
   content: "\F02E";
 }
 
-.van-icon-like::before {
+.van-icon-location::before {
   content: "\F02F";
 }
 
-.van-icon-location::before {
+.van-icon-logistics::before {
   content: "\F030";
 }
 
-.van-icon-logistics::before {
+.van-icon-more-o::before {
   content: "\F031";
 }
 
-.van-icon-member-day-privilege::before {
+.van-icon-more::before {
   content: "\F032";
 }
 
-.van-icon-more-o::before {
+.van-icon-new-arrival::before {
   content: "\F033";
 }
 
-.van-icon-more::before {
+.van-icon-new::before {
   content: "\F034";
 }
 
-.van-icon-new-arrival::before {
+.van-icon-other-pay::before {
   content: "\F035";
 }
 
-.van-icon-new::before {
+.van-icon-passed::before {
   content: "\F036";
 }
 
-.van-icon-other-pay::before {
+.van-icon-password-not-view::before {
   content: "\F037";
 }
 
-.van-icon-passed::before {
+.van-icon-password-view::before {
   content: "\F038";
 }
 
-.van-icon-password-not-view::before {
+.van-icon-pause::before {
   content: "\F039";
 }
 
-.van-icon-password-view::before {
+.van-icon-peer-pay::before {
   content: "\F03A";
 }
 
-.van-icon-pause::before {
+.van-icon-pending-deliver::before {
   content: "\F03B";
 }
 
-.van-icon-peer-pay::before {
+.van-icon-pending-evaluate::before {
   content: "\F03C";
 }
 
-.van-icon-pending-deliver::before {
+.van-icon-pending-orders::before {
   content: "\F03D";
 }
 
-.van-icon-pending-evaluate::before {
+.van-icon-pending-payment::before {
   content: "\F03E";
 }
 
-.van-icon-pending-orders::before {
+.van-icon-phone::before {
   content: "\F03F";
 }
 
-.van-icon-pending-payment::before {
+.van-icon-photo::before {
   content: "\F040";
 }
 
-.van-icon-phone::before {
+.van-icon-photograph::before {
   content: "\F041";
 }
 
-.van-icon-photo::before {
+.van-icon-play::before {
   content: "\F042";
 }
 
-.van-icon-photograph::before {
+.van-icon-point-gift::before {
   content: "\F043";
 }
 
-.van-icon-play::before {
+.van-icon-points-mall::before {
   content: "\F044";
 }
 
-.van-icon-point-gift::before {
+.van-icon-points::before {
   content: "\F045";
 }
 
-.van-icon-points-mall::before {
+.van-icon-qr-invalid::before {
   content: "\F046";
 }
 
-.van-icon-points::before {
+.van-icon-qr::before {
   content: "\F047";
 }
 
-.van-icon-qr-invalid::before {
+.van-icon-question::before {
   content: "\F048";
 }
 
-.van-icon-qr::before {
+.van-icon-receive-gift::before {
   content: "\F049";
 }
 
-.van-icon-question::before {
+.van-icon-records::before {
   content: "\F04A";
 }
 
-.van-icon-receive-gift::before {
+.van-icon-search::before {
   content: "\F04B";
 }
 
-.van-icon-records::before {
+.van-icon-send-gift::before {
   content: "\F04C";
 }
 
-.van-icon-search::before {
+.van-icon-setting::before {
   content: "\F04D";
 }
 
-.van-icon-send-gift::before {
+.van-icon-share::before {
   content: "\F04E";
 }
 
-.van-icon-setting::before {
+.van-icon-shop-collect::before {
   content: "\F04F";
 }
 
-.van-icon-share::before {
+.van-icon-shop::before {
   content: "\F050";
 }
 
-.van-icon-shop-collect::before {
+.van-icon-shopping-cart::before {
   content: "\F051";
 }
 
-.van-icon-shop::before {
+.van-icon-sign::before {
   content: "\F052";
 }
 
-.van-icon-shopping-cart::before {
+.van-icon-stop::before {
   content: "\F053";
 }
 
-.van-icon-sign::before {
+.van-icon-success::before {
   content: "\F054";
 }
 
-.van-icon-stop::before {
+.van-icon-tosend::before {
   content: "\F055";
 }
 
-.van-icon-success::before {
+.van-icon-underway::before {
   content: "\F056";
 }
 
-.van-icon-tosend::before {
+.van-icon-upgrade::before {
   content: "\F057";
 }
 
-.van-icon-underway::before {
+.van-icon-value-card::before {
   content: "\F058";
 }
 
-.van-icon-upgrade::before {
+.van-icon-wap-home::before {
   content: "\F059";
 }
 
-.van-icon-value-card::before {
+.van-icon-wap-nav::before {
   content: "\F05A";
 }
 
-.van-icon-wap-home::before {
+.van-icon-warn::before {
   content: "\F05B";
 }
 
-.van-icon-wap-nav::before {
+.van-icon-wechat::before {
   content: "\F05C";
 }
 
-.van-icon-warn::before {
-  content: "\F05D";
-}
-
-.van-icon-wechat::before {
-  content: "\F05E";
-}
-