uni-app引用矢量库图标
矢量库引用
导入黑色图标

1.生成连接,下载样式
在这里插入图片描述

2.导入项目(字体样式)
在这里插入图片描述

3.引入css样式

在这里插入图片描述

4.替换font-face

在这里插入图片描述

5.使用图标(字体图标,只有黑色)
在这里插入图片描述

导入彩色图标

1.安装插件

npm install -g iconfont-tools

在这里插入图片描述

2.在原有的下载图标基础上,通过iconfont-tools生成彩色图标

iconfont-tools

在这里插入图片描述

3 . 彩色样式导入项目
在这里插入图片描述

4.样式引入
在这里插入图片描述

5.使用彩色图标

在这里插入图片描述