FontAwesome

世界上最流行的图标库,为您的网页与应用注入活力

FontAwesome 拥有超过 25,000 个免费及专业图标,兼容 Web、桌面与移动端。本站提供 v4、v5、v6、v7 各版本的免费图标在线浏览、入门教程、下载与使用指南。

25,000+
图标
4
版本支持(v4/v5/v6/v7)
免费
使用与商用

关于 FontAwesome

FontAwesome 是全球最受欢迎的图标库之一,由 Dave Gandy 于 2012 年创建。它最初是一个为 Bootstrap 框架设计的图标集,如今已发展成为拥有数千个图标的独立图标库。

无论是个人项目还是商业应用,FontAwesome 都提供了灵活的使用方式,包括 Font(字体)格式、SVG 格式以及 SVG Sprites。

了解更多

快速访问

v7.x 最新版

全新版本,更多图标与功能。
发布于 2025 年

进入 v7

v6.x 稳定版

稳定版本,支持 FontAwesome 6 的所有功能。
发布于 2022 年

进入 v6

v5.x 稳定版

广泛使用的稳定版本,支持大量图标与样式。
发布于 2018 年

进入 v5

v4.x 旧版

经典版本,适合旧项目维护与兼容。
发布于 2014 年

进入 v4

为什么选择 FontAwesome

海量图标覆盖全场景

FontAwesome 拥有超过 25,000 个图标,覆盖网页设计、移动应用、桌面软件、社交媒体、商务办公、医疗健康、教育科技等几乎所有领域。无论是简单的箭头和按钮图标,还是复杂的行业专用符号,您都能在 FontAwesome 中找到合适的选择。每个图标都经过精心设计,确保在不同尺寸下都保持清晰的辨识度。

多版本支持兼容新旧项目

FontAwesome 同时维护 v4、v5、v6、v7 四个主要版本的文档和资源,无论您的项目使用哪个版本,都能在本站找到对应的使用指南和图标资料。对于维护旧项目的开发者来说,v4 和 v5 的持续支持尤为宝贵;而对于新项目,v7 最新版则提供了最丰富的功能和最前沿的图标设计。

灵活的使用方式

FontAwesome 支持多种使用方式:通过 CDN 引入字体文件可快速使用传统 Font 方式;按需引入 SVG 图标可获得更好的性能和可控性;SVG Sprites 方案适合在页面多处使用同一图标。无论您偏好哪种开发方式,FontAwesome 都提供了完善的解决方案,让您可以根据项目需求灵活选择。

免费可商用无后顾之忧

FontAwesome 免费版采用 CC BY 4.0 许可协议,您可以在个人项目、商业网站、移动应用甚至印刷品中免费使用这些图标,无需署名(虽然我们鼓励您这样做)。这意味着您可以放心地将 FontAwesome 图标用于商业产品中,而无需担心版权纠纷或额外付费。

活跃社区持续更新

FontAwesome 拥有庞大的全球用户社区,官方团队持续对图标库进行更新和优化。每次主版本更新都会带来数百个新图标、新功能和性能改进。社区用户可以通过 GitHub 提交需求、报告问题或参与讨论,共同推动 FontAwesome 生态的繁荣发展。

完善的框架生态

FontAwesome 为 React、Vue 和 Angular 等主流前端框架提供了官方组件库。您可以在项目中使用 react-fontawesomevue-fontawesomeangular-fontawesome,以声明式组件的方式使用图标,无需手动管理 CSS 类名或 SVG 路径,显著提升开发效率。

快速上手

1

选择接入方式

根据项目需求选择最适合的接入方式:传统网页推荐使用 CDN 方式引入;现代前端项目推荐通过 npm 安装;追求性能的项目可按需加载 SVG 图标。每种方式都有详细的中文文档指导,即使是初学者也能顺利完成配置。

了解详情
2

添加图标到页面

在 HTML 中添加对应的图标标签并指定类名即可使用。例如 <i class="fa-solid fa-house"></i> 即可显示一个房子图标。您还可以通过 CSS 灵活控制图标的大小、颜色、旋转角度和动画效果,轻松匹配项目的设计风格。

浏览图标
3

探索更多功能

熟练掌握基础使用后,可以深入了解 FontAwesome 的高级功能:图标动效、尺寸缩放、旋转翻转、组合图标、SVG 框架集成等。本站为各版本提供了完整的文档和实用教程,助您充分发挥这款图标库的强大潜力。

了解更多
分享此页:

相关阅读