怎么使用 Iconfont 的 svg 矢量图标

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

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

解压打开是这样的：

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

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

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

svg的id可以在Iconfont复制，很方便：

 

搞定。