FontAwesome v6.3 版本介绍 | FontAwesome Online

为您的项目注入图标力量

FontAwesome 6 是业界领先的图标库的稳定版本，拥有超过 25,000 个高质量图标，涵盖多种风格，支持 SVG 框架、CSS 样式、React/Vue 组件等多种使用方式。

开始使用浏览图标

FontAwesome 6 稳定版本

核心特性

25,000+ 图标

拥有超过 25,000 个精心设计的图标，涵盖各种领域。

多种风格

提供 Solid、Regular、Light、Thin、Duotone 和 Sharp 系列风格。

SVG 框架

SVG JavaScript 框架让图标渲染更加高效，支持按需加载。

快速安装

CDN 引入

在 HTML head 中添加以下代码即可使用所有免费图标：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/all.min.css">

<link rel="stylesheet" href="https://cdn.staticfile.net/font-awesome/6.7.2/css/all.min.css">

npm 安装

通过 npm 将 FontAwesome 添加到项目中：

npm install @fortawesome/fontawesome-free

v6 免费版亮点

FontAwesome 6 免费版是开源社区中最受欢迎的图标资源之一，提供了超过 2,000 个高质量免费图标，覆盖了日常开发中绝大多数使用场景。免费版包含了 Solid 和 Regular 两种风格的核心图标，以及所有品牌图标（Brands），这意味着您可以免费使用微信、支付宝、GitHub、Twitter 等主流品牌的官方图标。免费图标的品质与付费版完全一致，均经过专业设计师的精雕细琢，在任何分辨率下都保持清晰锐利。对于个人项目、开源项目、小型创业团队以及学习用途而言，免费版已经足以满足绝大多数图标需求。您无需任何授权即可在商业项目中免费使用这些图标，这大大降低了中小团队的开发成本。

常用场景

Web 开发

与 React、Vue、Angular 等前端框架无缝集成，用于按钮、导航、表单等组件。

移动应用

通过 React Native、Flutter 等跨平台框架在移动端使用 FontAwesome 图标。

桌面工具

使用 Electron、Tauri 等框架构建桌面应用时，FontAwesome 是首选的图标方案。

品牌展示

Brands 系列包含数百个知名品牌图标，适合展示合作伙伴、社交链接等场景。

v6 生态集成

FontAwesome 6 拥有完善的生态系统，为各种开发环境和设计工具提供了官方支持：

React 组件 —— @fortawesome/react-fontawesome 组件库，支持树摇优化和按需加载
Vue 组件 —— @fortawesome/vue-fontawesome 组件库，完美适配 Vue 2 和 Vue 3
Angular 组件 —— @fortawesome/angular-fontawesome 组件库，支持 Ivy 引擎

Figma 插件 —— 官方 Figma 插件可直接在设计中搜索、插入和管理图标
Sketch 插件 —— 将 FontAwesome 图标集成到 Sketch 设计工作流中
SVG 框架 —— 纯 JavaScript SVG 渲染框架，支持自动替换、动画和图层控制

FontAwesome 6