vue 使用iconfont彩色图标

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


2、在main.js中导入

// 根据自己的路径
import './plugins/fronts/iconfont.css'
import './plugins/fronts/iconfont.js'

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

3、彩色图标的使用g

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