阿里巴巴矢量图标库在线链接使用图标

1、去官网

iconfont-阿里巴巴矢量图标库

如果没有注册的先注册一下

2、搜索你需要的图标加入项目

• 搜索图标
• 找到心仪的图标后，添加入库，添加成功会出现虚线框，而右边小车上会出现添加图标的数量

• 点击小车图标，进入

• 添加到项目里面，如果没有项目，就创建一个

• 添加完毕后，就会跳转到另一个页面

• 点击进入改变图标默认样式大小、颜色-方法1 【不推荐】

3、使用图标

• 样式文件css引入（如果图标样式改变，还需要更新css文件，会有提示出来的）

• 图标的使用【class必须写上 iconfont ，后面的图标名字可以在图标仓库里面复制】

• 改变图标默认样式大小、颜色-方法2 【推荐】

.iconfont {
    color: #ffffff;
    width: 12px;
    其他样式
}