跳到主要内容

阿里巴巴矢量图标库

做中文产品找图标,十个人里九个会先打开这里。阿里妈妈旗下矢量图标与插画平台,可批量下载多格式图标,也能转成字体图标给前端直接调用。

https://www.iconfont.cn/

站点简介

iconfont 是阿里巴巴矢量图标库,设计师上传、大家搜着用。

海量插画、矢量图标可下,还能进项目做成字体图标,前端改大小改颜色都方便。


核心功能

1. 中文搜图标很快,风格也能筛

按关键词找UI图标,支持中文、英文、拼音。线性、面性、扁平、手绘等风格能滤,免费图标和图标素材堆得很满。

2. 单下或进项目,格式给得全

单个图标可下 SVG、PNG、AI。常用做法是加进项目统一管,适合成套图标下载和长期维护。

3. 一键生成字体图标,三种引用方式

项目里可转成图标字体,支持 Unicode、Font Class、Symbol引用。官方更推 Symbol,多色SVG图标也好接,还能拿阿里 CDN 在线链。

4. 不止图标,插画和字库也有入口

站内还扩到插画、Lottie 动效、官方字库等。团队用「项目」协作,设计传图、前端接码,图标管理一条线走完。

定价模式

浏览搜索免费,下载需登录;素材授权分免费、付费、开源

收费与授权可能变动,请参考网站:https://www.iconfont.cn/

对比同类平台

独特优势

  1. 中文工作流顺:搜前端图标、建项目、生成字体图标,国内团队上手快。
  2. 引用方式成熟:Unicode / Font Class / Symbol 都有文档,CDN 托管省事。
  3. 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 偶发不可用时,可改成本地字体文件引入,别把生产环境只押在一条外链上。