参考这个博主小程序的写法https://blog.csdn.net/qq_42001842/article/details/103959394，
总结uniapp的写法如下，做个记录：
一、安装mini-program-iconfont-cli
npm install mini-program-iconfont-cli
然后运行npx iconfont-init
之后项目根目录会生成一个iconfont.json文件；
内部参数说明
symbol_url：’//at.alicdn.com/t/c/font_1152748_3z7l7amspal.js‘，//图标库地址
trim_icon_prefix： ’icon‘，//前缀，根据项目约定填写，可以为空
二、修改symbol_url
从阿里图标库symbol格式下复制//at.alicdn.com/t/c/font_1152748_3z7l7amspal.js，也可以下载到本地
三.生成小程序组件
先执行npx iconfont-wechat，生成iconfont目录后，将iconfont目录放入根目录wxcomponents下，如果是更新，将iconfont目录替换
如图：
四.pages.json设置
全局：
“globalStyle”:{“mp-weixin”: {“usingComponents”: {“iconfont”: “/wxcomponents/iconfont/iconfont”}}}
单页面：
“pages”: [{“path”: “pages/index/index”,“style”: {“mp-weixin”: {“usingComponents”: {“iconfont”: “/wxcomponents/iconfont/iconfont”}}}}]文章来源：https://www.toymoban.com/news/detail-488911.html
五.页面使用
size可修改为需要的大小
如图：
六.图标更新
图标更新时3、4重复操作一遍文章来源地址https://www.toymoban.com/news/detail-488911.html
到了这里，关于uniapp小程序使用symbol格式图标（阿里图标库）的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
