1.首先進入阿里圖標庫
http://www.iconfont.cn/
2.如下圖所示，將選中的圖標添加到購物車
在這里插入圖片描述
3.點擊購物車敛滋，然后出現(xiàn)下圖，點擊添加到項目后選中需要添加到的項目即可
在這里插入圖片描述
4.進入項目擂达，復制下圖紅字鏈接打開網(wǎng)頁(注意去除前面的兩個斜杠//)待侵，將網(wǎng)頁中的代碼全部復制下來
在這里插入圖片描述
5.在微信開發(fā)者工具中創(chuàng)建一個文件夾iconfont和iconfont.wxss文件，如下圖樣式璧疗，并將復制的代碼全部粘貼進去
在這里插入圖片描述
6.在app.wxss中引用iconfont.wxss文件坯辩，記得路徑寫正確，至此結(jié)束崩侠，就可以引用在網(wǎng)頁上添加過的圖標啦漆魔，下面舉個小例子
在這里插入圖片描述
比如我們要在wxml中使用這個圖標，點擊復制代碼却音，將icon iconfont后的一項替換掉即可
在這里插入圖片描述
wxml中代碼如下改抡，icon-eye-off為圖標名，之前的icon iconfont為固定格式
<i class="icon iconfont icon-eye-off></i>
