阿里巴巴矢量图标库
做中文产品找图标,十个人里九个会先打开这里。阿里妈妈旗下矢量图标与插画平台,可批量下载多格式图标,也能转成字体图标给前端直接调用。
站点简介
iconfont 是阿里巴巴矢量图标库,设计师上传、大家搜着用。
海量插画、矢量图标可下,还能进项目做成字体图标,前端改大小改颜色都方便。
核心功能
1. 中文搜图标很快,风格也能筛
按关键词找UI图标,支持中文、英文、拼音。线性、面性、扁平、手绘等风格能滤,免费图标和图标素材堆得很满。
2. 单下或进项目,格式给得全
单个图标可下 SVG、PNG、AI。常用做法是加进项目统一管,适合成套图标下载和长期维护。
3. 一键生成字体图标,三种引用方式
项目里可转成图标字体,支持 Unicode、Font Class、Symbol引用。官方更推 Symbol,多色SVG图标也好接,还能拿阿里 CDN 在线链。
4. 不止图标,插画和字库也有入口
站内还扩到插画、Lottie 动效、官方字库等。团队用「项目」协作,设计传图、前端接码,图标管理一条线走完。
定价模式
浏览搜索免费,下载需登录;素材授权分免费、付费、开源
收费与授权可能变动,请参考网站:https://www.iconfont.cn/
对比同类平台
独特优势
- 中文工作流顺:搜前端图标、建项目、生成字体图标,国内团队上手快。
- 引用方式成熟:Unicode / Font Class / Symbol 都有文档,CDN 托管省事。
- UGC 体量大:海量用户上传的图标库,冷门词也能撞上合适稿。
实用亮点
- 购物车可批量下素材或代码,一次收拾一篮子图标。
- Symbol 方案支持多色,比纯单色字体图标灵活。
客观不足
- 商用边界要自己核:版权归上传者;下载页与协议表述偶有不一致,商用前务必看单条授权。
- 下载强依赖登录:注册偏大陆手机号验证,海外账号体验一般;界面也基本只有简体中文。
同类网站对比
| 站点 | 资源侧重 | 免费程度 | 突出特点 |
|---|---|---|---|
| iconfont | 中文矢量图标与字体生成 | 免费素材多,部分付费 | 项目协作 + 字体图标 CDN |
| IconPark | 字节开源图标体系 | 开源免费 | 风格统一,偏产品设计规范 |
常见问题
Q:iconfont 图标能直接商用吗? A:看素材标注。标「免费使用」的,协议里写明可含商业用途;标「付费使用」要先联系作者。别默认整站都能无脑商用。
Q:一定要注册才能用吗? A:随便逛、搜可以。真要下载、收藏、建项目,一般得登录。
Q:前端怎么用最省事? A:图标少可直接下 SVG/PNG。成套维护建议进项目,用 Font Class 或 Symbol引用,再挂项目 CDN 链接。
Q:和 Font Awesome 比差在哪? A:Font Awesome 偏国际通用图标集;iconfont 更贴中文搜索和国内协作,图标字体生成链路也更本地化。
Q:上传自己的图标有什么注意? A:按规范画板与路径要求整理,图标库公开通常要过审。授权选免费、付费还是开源,直接影响别人能不能放心用。
Q:在线字体链接挂了怎么办? A:CDN 偶发不可用时,可改成本地字体文件引入,别把生产环境只押在一条外链上。




