阿里巴巴矢量图标库官网https://www.iconfont.cn/
1、把选好的矢量图标库下载至本地并解压
2、复制解压的文件到项目中
3、在项目中配置
1、main.js/ts中配置
2、引入样式
/*阿里巴巴矢量图标库配置,样式写在全局中*/
.icon {
width: 1em;
height: 1em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}
3、使用
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-diqiu"></use>
</svg>
4、结果
在下载的包里,有demo示例以及说明书