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）。

基本语法：

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

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

<scriptsrc="https://kit.fontawesome.com/你的kit代码.js"crossorigin="anonymous"></script><iclass="fab fa-github fa-3x"style="color:#333;"></i><iclass="fab fa-linkedin fa-2x"style="color:#0077B5;"></i><iclass="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