怎么使用 Iconfont 的 svg 矢量图标

场景:ui设计师把设计图标上传到 Iconfont ,前端从Iconfont下载所有图标,然后在代码中使用

第一步:把项目的svg下载到本地

解压打开是这样的:

第二步:把下载的文件放进项目assets路径下

第三步:在main.js中引入iconfont文件

第四步:在业务页面使用,其中xlink:href就是对应的svg的id

svg的id可以在Iconfont复制,很方便:

搞定。

猜你喜欢

转载自blog.csdn.net/zhongmei121/article/details/96303987