官方地址:iconfont-阿里巴巴矢量图标库
一般我们从该网站直接下载我们需要的图标,这里再介绍一种在线引入该网站图标的方式
流程:
1.进入官网,挑选需要的图标添加入库
2.点击下图所示按钮
3.点击添加至项目 ,如下图
4.点击加入项目,如下图
5.下面主要介绍两种引入方式,先介绍方式1,font class引入
5.1 点击生成代码链接,如下图
5.2 点击复制代码,如下图
5.3 在html中引入链接
5.4 复制代码
5.5 在html中引入
6.方式2,symbol引入
流程和上面差不多,
先在html引入链接:
再引入图标代码
<svg class="icon" aria-hidden="true"><use xlink:href="#icon-sousuo"></use></svg>
下图中标注区域替换为你的图标代码