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

1、去官网

iconfont-阿里巴巴矢量图标库

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

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

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

  • 点击小车图标,进入

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

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

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

3、使用图标

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

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

  •  改变图标默认样式大小、颜色-方法2 【推荐】
.iconfont {
    color: #ffffff;
    width: 12px;
    其他样式
}

猜你喜欢

转载自blog.csdn.net/weixin_49931650/article/details/127729864