vue 使用iconfont彩色图标

一、在iconfront下载相应的文件（symbol -> 下载到本地)


二、在main.js中导入

// 根据本身的路径
import './plugins/fronts/iconfont.css'
import './plugins/fronts/iconfont.js'

注意iconfont.css中须要根据下载的字体文件修改一下路径

三、彩色图标的使用g

// icon-lianxi就是图标在iconfont中的名称
<svg class="icon" aria-hidden="true">
   <use xlink:href="#icon-lianxi"></use>
</svg>