提醒：本文最后更新于 2026-05-24 05:31，文中所关联的信息可能已发生改变，请知悉！
阿里巴巴图标库是一个矢量图标管理、交流平台。提供矢量图标下载、在线存储、格式转换等功能，是设计师和前端开发的便捷工具。
编辑
一、简介
阿里巴巴图标库，又名阿里巴巴矢量图标库。是一个矢量图标管理、交流平台。提供矢量图标下载、在线存储、格式转换等功能，是设计师和前端开发的便捷工具。设计师将图标上传到平台，用户可以自定义下载多种格式的图标，平台也可将图标转换为字体，便于前端工程师自由调整与调用。阿里巴巴图标库使用起来方便快捷，深受大众的喜爱。
阿里巴巴矢量图标库：http://www.iconfont.cn/
二、功能介绍
1、搜索：支持关键词模糊搜索，可以搜图标搜用户，支持中文、English、Ping yin 无缝互译。
2、下载详情：在这个界面可查阅 icon 归属图标库与作者，多色图标支持分路径改色，下载图标自动保存最近使用的颜色等。
3、购物车：用户将图标加入购物车后，可以批量下载素材和代码、批量添加至项目。
4、上传：平台支持单个或批量上传多个 icon、支持单色或多色 icon 同时上传、支持图标自定义配置标签。
5、图标库：是一系列相关图标的集合，由图标上传者创建，需通过审核才可公开。图标库分为官方图标库、自 定义图标库和多色图标库，用户可以在这三个图标库自由切换。
6、项目管理：“项目”是帮助团队协同合作的共享模块。在创建项目后，视觉同学上传 icon，交互 / 产品同学可以⾃自由下载图标，前端同学可以将图标以字体格式添加至代码，支持三种格式代码使用。
7、打赏：支持原创图标，尊重设计成果，在“用户”与“图标库”维度支持打赏，如果你喜欢哪位设计师，就可以去打赏他，以做鼓励。
三、操作说明
先登录阿里巴巴矢量图标库（可以微博登录），然后搜索你需要的图标，鼠标悬停在需要的图标上，点击收藏入库（购物车图标），或点击下载到本地或添加到项目。在你的购物车里选择你需要的图标，选好之后选择储存为新项目 生成在线链接，并复制到 css 中即可使用。
注意：在本地调试的时候（就是当你的浏览器网址是 file 协议开头的时候），url(//) 里双斜杠之前记得加上 https:，像这样 url(https://at.alicdn.com…)，不然会用 file 协议访问链接就找不到。
一、简介
阿里巴巴图标库，又名阿里巴巴矢量图标库。是一个矢量图标管理、交流平台。提供矢量图标下载、在线存储、格式转换等功能，是设计师和前端开发的便捷工具。设计师将图标上传到平台，用户可以自定义下载多种格式的图标，平台也可将图标转换为字体，便于前端工程师自由调整与调用。阿里巴巴图标库使用起来方便快捷，深受大众的喜爱。
阿里巴巴
阿里巴巴
阿里巴巴
阿里巴巴
阿里巴巴
阿里巴巴
阿里巴巴矢量图标库：http://www.iconfont.cn/
阿里巴巴
二、功能介绍
1、搜索：支持关键词模糊搜索，可以搜图标搜用户，支持中文、English、Ping yin 无缝互译。
2、下载详情：在这个界面可查阅 icon 归属图标库与作者，多色图标支持分路径改色，下载图标自动保存最近使用的颜色等。
3、购物车：用户将图标加入购物车后，可以批量下载素材和代码、批量添加至项目。
4、上传：平台支持单个或批量上传多个 icon、支持单色或多色 icon 同时上传、支持图标自定义配置标签。
5、图标库：是一系列相关图标的集合，由图标上传者创建，需通过审核才可公开。图标库分为官方图标库、自 定义图标库和多色图标库，用户可以在这三个图标库自由切换。
6、项目管理：“项目”是帮助团队协同合作的共享模块。在创建项目后，视觉同学上传 icon，交互 / 产品同学可以⾃自由下载图标，前端同学可以将图标以字体格式添加至代码，支持三种格式代码使用。
7、打赏：支持原创图标，尊重设计成果，在“用户”与“图标库”维度支持打赏，如果你喜欢哪位设计师，就可以去打赏他，以做鼓励。
三、操作说明
先登录阿里巴巴矢量图标库（可以微博登录），然后搜索你需要的图标，鼠标悬停在需要的图标上，点击收藏入库（购物车图标），或点击下载到本地或添加到项目。在你的购物车里选择你需要的图标，选好之后选择储存为新项目 生成在线链接，并复制到 css 中即可使用。
阿里巴巴
阿里巴巴
注意：在本地调试的时候（就是当你的浏览器网址是 file 协议开头的时候），url(//) 里双斜杠之前记得加上 https:，像这样 url(https://at.alicdn.com…)，不然会用 file 协议访问链接就找不到。
