uni-app引用矢量库图标

矢量库引用
导入黑色图标

1.生成连接,下载样式

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

3.引入css样式

4.替换font-face

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

导入彩色图标

1.安装插件

复制代码
npm install -g iconfont-tools

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

复制代码
iconfont-tools

3 . 彩色样式导入项目

4.样式引入

5.使用彩色图标

相关推荐
JackieDYH10 小时前
uniapp-通知滚动组件+轮播图组件封装-案例
uni-app·轮播图·通知
2501_915921431 天前
appuploader-cli 命令行上传 IPA 到 App Store Connect upload CI 集成
android·ci/cd·小程序·https·uni-app·iphone·webview
结网的兔子1 天前
【前端开发】UniApp 项目地图选型与Web-APP跨端迁移方案
前端·uni-app
2501_916007472 天前
Bundle ID 注册与管理 App ID 创建指南 命名规则 权限开关与删除注意事项
android·ios·小程序·https·uni-app·iphone·webview
PedroQue992 天前
uni-app路由插件化:解锁高效开发新姿势
前端·uni-app
2501_915909063 天前
iOS 证书创建与管理 类型限制 p12 密码与云备份实操
android·ios·小程序·https·uni-app·iphone·webview
anyup3 天前
【2026年8月】uView Pro 千星,还拿到了 GVP
前端·uni-app·github
andr_gale3 天前
02_uniapp自定义上凸效果的底部TabBar
前端·javascript·uni-app·移动端
不爱说话郭德纲3 天前
uni-app x iOS 扫码模糊怎么办?AVFoundation 灰尘级别摄像头助你超广角聚焦
前端·uni-app·app
CHB4 天前
uni-app x 蒸汽模式 性能测试基准报告 Benchmark【Android版】
android·ios·uni-app