Font Awesome

Font Awesome 简介

Font Awesome 是互联网上最受欢迎的图标库和工具包，提供 SVG、字体和 CSS 三种形式，包含数千个可缩放矢量图标。它被数百万设计师、开发者和内容创作者用于网站、应用和文档中。

主要特性

• 多种集成方式：可通过 CSS 类名（Web Font）、SVG 精灵图或直接嵌入 SVG 使用。
• 图标丰富：免费版包含大量常用图标，Pro 版提供更多风格和图标。
• 框架友好：与 React、Vue、Angular 等主流前端框架有官方或社区封装。
• 版本管理规范：遵循语义化版本，v6 为 LTS，v7 为当前主版本。

快速使用示例

通过 CDN 引入 CSS 后，使用类名即可显示图标：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.0/css/all.min.css">
<i class="fa-solid fa-house"></i>

或使用 SVG 方式获得更好的渲染控制：

<svg class="svg-inline--fa fa-house">
  <!-- 图标路径 -->
</svg>

版本与升级

• v7：当前主版本，推荐新项目使用。
• v6：长期支持（LTS），仅接收关键修复。
• v3/v4/v5：已停止维护。

升级时请参考官方 Web 升级指南和桌面升级指南。

许可证

Font Awesome Free 采用 GPL 友好许可：

• 图标：CC BY 4.0
• 字体：SIL OFL 1.1
• 代码：MIT

可免费用于商业项目，但需保留归属声明（下载文件中已包含）。

适用场景

• 网站导航、按钮、表单中的图标
• 移动应用和桌面软件的 UI 图标
• 原型设计、演示文稿和文档插图
• 开源项目 README 和网站装饰

Font Awesome 凭借其易用性和广泛的生态，是前端图标方案的首选之一。