iconfont的symbol引用方式如何在vue-cli中使用

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

二.引入less 文件 在同级目录下创建一个less文件 输入代码

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

在main.js | main.ts 导入

import './assets/iconfont/iconfont.js'
import './assets/iconfont/common.less'

这样就可以使用了!

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

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