准备icon图标文件

进入 https://www.iconfont.cn/ 找到需要的图标,并且下载到本地

微信小程序引用自定义icon图标-风君雪科技博客

先把 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就是你图标对应的类名,可以在下载图标文件页面找到对应类名