uniapp中使用彩色阿里巴巴矢量图标（超详细）

1. 进入阿里巴巴矢量图标库 https://www.iconfont.cn/

2. 打开目标项目，下载代码至本地
   

3. 将下载的文件进行解压，得到如图
   

4. Window+R打开控制面版，输入cmd—点击enter键

5. 切换到上面解压完成的文件夹下

6. 输入命令行：npm install -g iconfont-tools或cnpm install -g iconfont-tools----点击enter键执行

7. 输入命令行： iconfont-tools----点击enter键执行

8. 出现如图所示的内容，按图示输入文件名即可

9. 打开上面解压的文件夹即可看到生成的目标文件 iconfont-weapp
   

10. 将 iconfont-weapp-icon.css （默认生成的文件名字）放入uniapp项目的static文件夹下

11. iconfont图标的引入（全局引入）
    

12. 使用实例
    

13. 最终效果如图所示
    

14. 设置宽高，控制图标的大小