阿里巴巴矢量图标库的使用

本文介绍了如何使用阿里巴巴矢量图标库。首先访问官网并创建个人项目,然后选择需要的图标加入购物车,再将图标添加至自建项目,最后下载资源并引入到HTML文件中实现图标使用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1、进入阿里巴巴图标库

官网:http://www.iconfont.cn/

2、点击下面的我的项目,点进去之后进入项目

3、点击右边的+号,添加项目

4、按照里面的列表项填好,我们就建好自己的项目了

在这里可以看到自己建好的项目Icon

5、再次进入阿里巴巴图标首页,他有很多图标库种类,我们可根据需要进行选择合适的图标,选择好图标之后,选择购物车

选择加入购物车之后,可看到右上角上面有“1”这个字样,证明加入购物车了(但并不代表这个图标已经进入我们的项目)

6、加入购物车之后,点击右上角购物车,下面有个按钮“添加至项目”

7、点击添加至项目,出现下面的项目选项,选择自己的项目(也就是刚才我们建立的Icon),点击确定即可。

8、现在看到这个icon已经进入到我们的项目当中,点击上面的下载到本地

9、我们在本地将整个包放进去,将CSS包引入到自己的html文件中,就可以成功使用阿里图标库啦

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值