轉(zhuǎn)載請注明出處：https://blog.csdn.net/qq_39125684/article/details/86843508

方法一（下載png圖標(biāo)）

打開網(wǎng)站：https://www.iconfont.cn/

關(guān)鍵詞搜索自己需要的圖標(biāo)

鼠標(biāo)移入，點(diǎn)擊下載，選擇自己需要的顏色、大小

png下載

方法二（添加至項(xiàng)目）

打開網(wǎng)站：https://www.iconfont.cn/

關(guān)鍵詞搜索自己需要的圖標(biāo)

鼠標(biāo)移入，選擇添加入庫

打開庫

添加至項(xiàng)目

下載至本地

下載后解壓壓縮包，目錄結(jié)構(gòu)如下（打開demo_index.html 文件，里邊有使用說明）

由于我是在微信小程序中使用，沒法直接引入css文件，只能在資源文件夾新建一個 font.wxss 文件，將 iconfont.css 文件中的內(nèi)容拷貝過去，然后在頁面單獨(dú)的 wxss 文件中將 font.wxss 文件引入

@import "/common/css/font.wxss"

使用（Font class）

<text class='iconfont icon-xiangxia'>附近</text>

---

效果如下：

總結(jié)

以上是生活随笔為你收集整理的阿里巴巴矢量图标库的使用的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。