矢量图字体图标 通过插入指定的标签 生成不同的矢量图，其有很多的好处，首先这些矢量图好控制大了小了都不会出现马赛克、肯定比图节省性能而且颜色都可以自定义等等，感兴趣的朋友可以了解下

图片素材库——阿里巴巴矢量图https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=1359989” 在页面输入要搜索的图标 点击“入库”，然后“添加至项目” 选择“编辑”，即对进行编辑成自己想要的效果,名字为home 点击保存——下载至本地，则下载量、了一个.zip的压缩包 其中demo_index.html内有导入的方法记录 选择iconfont.css文件，点击计算机的“查看”，勾选“文件扩展名”，

在考虑了将矢量图标从图标字体迁移到内联 SVG 的 原因 之后，我在 Vue.js 中找到了一个用 SVG 替换图标字体的解决方案，同时仍能保持使用图标字体的灵活性和易用性——能够使用 CSS 轻松改变图标的大小、颜色以及其它属性。 一种流行的方法是使用 v-html 指令和 npm 模块 html-loader 来将 SVG 导入到我们的 Vue 模板中，并在 Vue 的生命周期函数 mounted() 中修改渲染的 元素。CSS 样式可以直接应用到 元素或者是其父元素上，并且这些能够组成