icon引用symbol操作

一.首先下载好的iconfont.js放到目录下

二.引入css 文件
在同级目录下创建一个css文件

输入代码

.icon {
width: 1em; height: 1em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}

在main.js导入

import './assets/iconfont/iconfont.js'
import './assets/iconfont/icon.css'

这样就可以使用了!

<span class="svg-container">
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-gouwuche"></use>
</svg>
</span>

xlink:href后的用户名在lconfont官网可以看到->icon复制代码即可