準備icon圖標文件

進入 https://www.iconfont.cn/ 找到需要的圖標，并且下載到本地

先把 iconfont.css 后綴名修改為 .wxss， 然后我們去掉 demo 開頭的例子文件，其他的全部拷貝進微信小程序項目中（可以拷貝在 style 文件夾里）。

引用iconfont.wxss

在需要使用icon圖標的頁面、組件中，找到 index.wxss 樣式文件。

@import 'path/to/iconfont.wxss' // 自己填寫 `iconfont.wxss` 的相對路徑

使用icon圖標

在html頁面中直接寫圖標類（注意：要先寫 iconfont 類名）例如：

<i class="iconfont xxx"></i> // xxx就是你圖標對應的類名，可以在下載圖標文件頁面找到對應類名

總結

以上是生活随笔為你收集整理的微信小程序引用自定义icon图标的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。