Font Awesome – 开发者常用的网页图标库

1个月前更新 813 0 0
收藏 0

把图标做成字体和SVG的网页图标库，一行代码插图标、前端集成方便，免费版可商用、Pro订阅，国内可访问。

所在地：
美国
收录时间：
2019-08-25
打开网站手机查看
Font Awesome – 开发者常用的网页图标库Font Awesome – 开发者常用的网页图标库
Font Awesome – 开发者常用的网页图标库官网首页截图打开网站

Font Awesome 是开发者最常用的网页图标库之一，把图标做成字体和 SVG 两种形式，写网页时一行代码就能插入图标，前端开发几乎人人用过它。它面向做网页、写前端组件的开发者和设计师，解决的是”图标从哪来、怎么快速加到页面上”的问题。

核心功能

1. 海量图标库，分免费版和 Pro 版，免费版已覆盖大部分常用场景。
2. 提供图标字体和 SVG 两种引入方式，网页里一行代码即可插入。
3. 支持用 CSS 改变图标颜色、大小，也能加简单动效。
4. 和主流前端框架集成方便，社区教程和插件多。
5. 图标风格统一，覆盖箭头、社交、办公、品牌 Logo 等常见分类。
方便的网页集成方式加统一的图标风格，是它在开发者圈子里普及开来的主要原因。

国内可用性与注册方式

网站 fontawesome.com 界面英文为主，国内可直接打开。查看和下载免费图标不强制注册；官网设有 signup 注册页（标题写着”1,000+ Free Icons”），要用 Kit、收藏图标或升级 Pro 时需要建立账号，注册页面内容由前端脚本渲染，具体用邮箱还是第三方账号完成，以官网注册页实际提供的方式为准。

价格与免费额度

官网定价页写明分 Free、Pro、Pro+ 三档：Free 版可以直接上手使用；Pro 版在图标数量、风格、Kit 数、页面浏览量之外还带人工客服支持；Pro+ 版则解锁全部图标包。定价页面的具体金额同样由前端脚本渲染，未能在页面源码里直接读到，需要打开官网当场查看。

三步上手

1. 打开 fontawesome.com，在图标库里搜索需要的图标，比如”home”或”user”。
2. 选好图标后查看其字体或 SVG 引用代码，复制到自己的网页项目里。
3. 如果需要收藏图标、建 Kit 或用 Pro 版更多图标，再去注册页建立账号。

替代品

Material icons、Heroicons – Tailwind团队的免费开源图标、Tabler Icons – 数千个开源的后台UI图标 都是开发者常用的图标方案，可按项目风格和框架搭配情况挑选。

常见问题

免费版图标可以商用吗？
可以，Free 版图标按开源/CC 等授权发布，允许商用，具体条款以官网许可说明为准，建议保留其要求的授权说明。

不注册能不能用？
浏览和下载免费图标不强制注册，但收藏图标、创建 Kit 或升级 Pro 版需要先建账号。

Pro 版值得升级吗？
如果项目经常用到图标、需要更多风格和更大图标库，或者希望有人工支持，Pro 版能省不少找图标的时间；只是简单加几个常见图标，Free 版通常够用。

相关导航

数据统计

标签云