Iconfont
阿里矢量图标库,图标量最大,可直接生成字体文件或 SVG。
Iconfont(iconfont)是阿里运营的矢量图标库,也是国内设计师和前端最常用的图标来源。它的价值在于"能直接生成工程可用的产物" —— 不只是给你看,而是能导出 SVG 或打包成字体,直接进项目。
适合谁
- 前端开发者:需要图标资源且要能直接接入代码
- UI 设计师:找现成图标做原型和界面
- 需要统一图标风格的项目:可以整组挑选保持一致性
- 要打包字体图标的团队
核心能力
- 体量最大:国内图标资源最集中的地方
- 能建项目:把选中的图标组织成项目,批量管理
- 多格式导出:SVG、PNG、字体文件都能出
- 彩色图标与插画:除了单色图标也有更丰富的资源
上手要点
- 图标要成套挑:混用不同来源的图标,线条粗细和圆角对不上,界面会很"脏"
- 建项目后批量导出,别一个个下载,后期增删也方便
- 商用前看清每个图标作者的授权说明,平台内资源授权并不统一
- 图标字体模式虽方便,但要注意可访问性(屏幕阅读器)和加载问题,现代项目更推荐 SVG
定价与限制
免费使用。授权因作者而异,商用前需逐个确认,这是最容易踩的坑。
同类怎么选
要更多风格和插画可以看国外的图标库;要设计灵感和社区看站酷、花瓣;要设计工具看 Figma 或即时设计。Iconfont 在国内的前端与设计工作流里,位置很难被替代。
常见问题
Iconfont 的图标能商用吗?
要看具体图标作者的授权,平台内资源授权并不统一。正规做法是:进入图标详情页确认授权说明,商用项目优先选择明确标注可商用的资源,或改用自绘/购买授权图标。
图标字体和 SVG 用哪个?
现代项目推荐 SVG:可按需加载、支持多色、可访问性更好。图标字体虽然使用简单,但存在加载全量字体、无法多色、屏幕阅读器不友好等问题。