阿里图标库的官网地址:iconfont-阿里巴巴矢量图标库
1、打开阿里巴巴矢量图标库,将自己需要的图标加入到购物车中:
2、在购物车里面将刚刚添加的图标加入到自己的项目,如果没有则按照提示创建一个项目:
3、在项目中,选择下载到本地:
4、解压下载下来的文件,在文件内全局安装 iconfont 的字体文件包 iconfont-tools(npm i -g iconfont-tools):
5、运行 iconfont-tools,生成 iconfont-weapp 文件(文件名字可以自己定):
6、将生成的 iconfont-weapp 文件复制到自己的项目中,在要使用彩色字体图标的页面中引入里面的文件(iconfont.wxss),最后再需要的地方使用图标,如下图: