目录

前端免费图标icon的使用方法和获取

目录

前端免费图标icon的使用方法和获取

1.登录阿里巴巴的图标库 并注册一个账号。

https://i-blog.csdnimg.cn/blog_migrate/df187f3c79d387b7cc1a56027457d0cf.png

2.选择 图标库-官方图标库

https://i-blog.csdnimg.cn/blog_migrate/cbf7bcabfea48cc8301e21cc0bafcea2.png

3.选择图标加入购物车

https://i-blog.csdnimg.cn/blog_migrate/0fa6f6c56714da38cc6bf9db4876a309.png

4.点击右上角的购物车

https://i-blog.csdnimg.cn/blog_migrate/67b4d51d57621c06fcb6e3e51ccc536a.png

5.添加至项目,没有项目就随便新建一个例如 mytest

https://i-blog.csdnimg.cn/blog_migrate/47976697798f76f06429e957e3fe9ff1.png

6.下载至本地

https://i-blog.csdnimg.cn/blog_migrate/7d302f14722944099c88b7de1298fc7a.png

7.解压下载下来的文件。打开demo_index.html,按照文档中的说明方法去使用就可以了。

https://i-blog.csdnimg.cn/blog_migrate/e0093243ce433779b7a695362b1a5909.png 8.最终结果,这里为了添加了图标大小 120px

https://i-blog.csdnimg.cn/blog_migrate/7ececc7805ce1242c5718dd57adf0524.png