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