1、在小程序项目根目录，使用npm安装mini-program-iconfont-cli插件

// Yarn

yarn add mini-program-iconfont-cli --dev

 // Npm

npm installmini-program-iconfont-cli --save-dev

2、生成iconfont.json配置文件

npx iconfont-init

iconfont.json

save_dir：iconfont组件生成目录

use_rpx：是否使用rpx作为大小单位

default_icon_size：默认icon大小

symbol_url ：是复制iconfont官网你的项目的Symbol链接

symbol_url 内容

3、生成小程序组件，注意此操作会清空并替换已有的iconfont目录，因此注意备份数据（没有此目录可忽略）

npx iconfont-wechat

iconfont组件内容

4、注册iconfont组件并使用

可以在app.json文件中引入全局图标组件，也可以在使用图标的页面局部引入

引用组件

5、使用组件

在页面中使用

使用icon可能会换行，所以可以全局设置iconfont样式为行内块级元素

全局设置样式

更新iconfont图标操作

图标库更新图片会生成新的js，将iconfont.json文件中的symbol_url 内容更换成新的js地址，然后再次执行：

npx iconfont-wechat

更新js内容