uni-app引用矢量库图标

矢量库引用
导入黑色图标

1.生成连接,下载样式

2.导入项目(字体样式)

3.引入css样式

4.替换font-face

5.使用图标(字体图标,只有黑色)

导入彩色图标

1.安装插件

复制代码
npm install -g iconfont-tools

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

复制代码
iconfont-tools

3 . 彩色样式导入项目

4.样式引入

5.使用彩色图标

相关推荐
^Rocky14 分钟前
uniapp 对接腾讯云IM群组成员管理(增删改查)
uni-app·腾讯云
假客套2 小时前
2025 后端自学UNIAPP【项目实战:旅游项目】7、景点详情页面【完结】
前端·uni-app·旅游
程序员小张丶2 小时前
基于UniApp开发HarmonyOS 5.0鸿蒙汽车应用的指南
uni-app·汽车·harmonyos5.0
moxiaoran57532 小时前
uni-app学习笔记二十四--showLoading和showModal的用法
笔记·学习·uni-app
HHHHHY4 小时前
使用webview外链打包apk,写入自签CA证书流程,解决app录音功能无法使用
前端·uni-app
海天胜景8 小时前
uniapp 字符包含的相关方法
uni-app
moxiaoran575311 小时前
uni-app萌宠案例学习笔记--页面布局和CSS样式设置
前端·css·uni-app
moxiaoran575312 小时前
uni-app学习笔记二十九--数据缓存
笔记·学习·uni-app
moxiaoran575317 小时前
uni-app学习笔记三十--request网络请求传参
笔记·学习·uni-app
疯狂的沙粒19 小时前
在uni-app中如何从Options API迁移到Composition API?
javascript·vue.js·uni-app