Font Awesome 品牌图标

Font Awesome 品牌图标（Brands Icons）详解

Font Awesome 的 Brands Icons 是专门用于展示知名品牌、公司、社交媒体、软件和技术平台的图标集合。这些图标都是矢量形式，基于官方商标设计，但 Font Awesome 强调：所有品牌图标均为各自所有者的商标，使用它们仅用于代表该品牌，不代表 Font Awesome 的背书。

目前（2025 年 12 月），Font Awesome 最新版本为 Version 7，免费版包含 超过 500 个品牌图标（具体数量会随着更新增加），覆盖社交媒体、科技公司、支付平台、编程语言等。Pro 版有更多变体，但免费版已足够大多数需求。

如何使用品牌图标

品牌图标的前缀是 fab（Font Awesome Brands）。

基本语法：

<i class="fab fa-github"></i>         <!-- GitHub -->
<i class="fab fa-twitter"></i>        <!-- X (原 Twitter) -->
<i class="fab fa-x-twitter"></i>      <!-- 新版 X 图标（推荐使用） -->
<i class="fab fa-apple"></i>          <!-- Apple -->
<i class="fab fa-google"></i>         <!-- Google -->

完整示例（结合 Kit 引入）：

<script src="https://kit.fontawesome.com/你的kit代码.js" crossorigin="anonymous"></script>

<i class="fab fa-github fa-3x" style="color: #333;"></i>
<i class="fab fa-linkedin fa-2x" style="color: #0077B5;"></i>
<i class="fab fa-instagram fa-2x" style="color: #E4405F;"></i>

热门品牌图标推荐（部分列表）

以下是免费版中常用的一些（类名统一为 fab fa-xxx）：

• 社交媒体：
• fa-x-twitter（X，新 Twitter）
• fa-facebook / fa-facebook-f / fa-facebook-square
• fa-instagram
• fa-linkedin / fa-linkedin-in
• fa-youtube
• fa-tiktok
• fa-whatsapp
• fa-discord
• fa-reddit
• fa-pinterest
• 科技/开发：
• fa-github
• fa-gitlab
• fa-bitbucket
• fa-npm
• fa-node
• fa-react
• fa-vuejs
• fa-angular
• fa-bootstrap
• fa-docker
• fa-aws
• fa-microsoft
• 公司/品牌：
• fa-apple
• fa-google
• fa-android
• fa-windows
• fa-amazon
• fa-paypal
• fa-stripe
• fa-spotify
• fa-slack

更多完整列表请访问官网搜索页面：https://fontawesome.com/search?f=brands（支持关键词搜索，如输入 “twitter” 或 “social”）。

注意事项

• 旧版兼容：早期版本用 fa-twitter，现在推荐 fa-x-twitter 以匹配新品牌。
• 颜色自定义：品牌图标通常单色，便于根据官方颜色调整（如 Instagram 的渐变需额外 CSS）。
• 法律提醒：仅用于代表品牌，避免误导性使用。
• 更新：Font Awesome 会定期添加新品牌（如新平台 logo 更新）。

如果需要某个具体品牌的图标代码、完整列表导出，或在 React/Vue 等框架中的使用方式，告诉我，我可以继续详细讲解！官网文档：https://fontawesome.com/docs/web/use-with/brands