結合阿裏巴巴矢量圖標庫實現在ionic2開發中使用自定義圖標。

step1:在阿裏巴巴圖標管理中新建項目，並添加自己選中的圖標到購物車；

step2:將購物車中的圖標“添加至項目”；

step3:打開“我的項目，選擇圖片進行編輯。根據項目需求。如果所有的圖標名稱前半部分都設置成統一的名稱的話，只需要在圖標編輯是填入後半部分名稱。

step4：步驟三中的統一名稱可以在“更多操作”——“編輯項目”中設置。

我這邊在項目中統一使用iOS模式

step5：選擇“下載至本地”。生成的文件列表如下，只需要復制標誌出的文件即可。

step6:將文件復制到ionic2項目assets中,可以直接放在根目錄，也可以新建文件夾存儲。

生成的iconfont.css文件如下：

step7:在啟動文件中，一般是index.html文件中引入生成的css文件，例如：

<link rel="stylesheet" href="assets/ fonts/iconfont.css">

step8:使用自定義圖標。

如step6中css文件中生成的圖片，使用ion-ios-後邊的名稱即可。

<ion-icon name="vip-notes"></ion-icon> 

over!

ionic2 +Angular 使用自定義圖標