vue 中使用阿里iconfont彩色图标

在main.js中

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

assets / images / iconfont中的东西 就是你下载的文件 解压出来的

在组件中使用的话

<svg aria-hidden="true"">
<use xlink:href="https://tool.4xseo.com/article/92363.html"></use>
</svg>

其中红色的字是从阿里iconfont里复制的代码

记得在css中加

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