uni-app中使用svg彩色图标

1.iconfont.cn中找到喜欢团宏橘的图标添加至项目

2.找绝清到项目选择Symbol选项

3.点击js在新窗口打开，全选复制

4.在uniapp项目新建svg.js，粘贴 复制过来的js

5.在main.js中导入塌团svg.js文件

6.在页面中使用

icon-caomei为svg对应的id

7.效果

8.调整图标大小

9.xlink:href动态赋值

（此步骤时可以精简文件，只复制保留iconfont.wxss文件到assets/iconfont文件友激稿下，其余文件删好孝除，依然会正常显示图标）

准备工作到此已经完成，接下来铅誉进入项目配置使用；

可以使用view text等标签引入iconfont；

页面效果：

其中：

引入VantUI组件内容可参考 VantUI官网快速上手 进行配置；

页面效果：

---