FontAwesome 6

FontAwesome 6, the stable version of the leading icon library, with over 25,000 high-quality icons across multiple styles, supporting SVG framework, CSS styles, React/Vue components, and more.

Empower your project with icons

Key Features

25,000+ Icons

Over 25,000 carefully designed icons across various domains.

Multiple Styles

Solid, Regular, Light, Thin, Duotone, and Sharp series.

SVG Framework

SVG JavaScript framework for efficient rendering with on-demand loading.

25k+

Total Icons

5

Icon Styles

2k+

Free Icons

99%

Satisfaction

Quick Install

CDN Integration

Add the following code to HTML head to use all free icons:

<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 Install

Add FontAwesome to your project via npm:

npm install @fortawesome/fontawesome-free

v6 Free Highlights

FontAwesome 6 Free is one of the most popular open-source icon resources, providing over 2,000 high-quality free icons covering the vast majority of everyday development use cases. The free version includes Solid and Regular core icon styles, plus all brand icons (Brands), meaning you can freely use official icons for WeChat, Alipay, GitHub, Twitter, and other mainstream brands. Free icon quality is identical to the paid version, with professional design that stays sharp at any resolution. For personal projects, open source projects, small startup teams, and learning purposes, the free version is sufficient for most icon needs. You can use these icons in commercial projects without any licensing, significantly reducing development costs for small and medium teams.

Common Scenarios

Web Development

Seamless integration with React, Vue, Angular for buttons, navigation, forms.

Mobile Apps

Use FontAwesome icons in React Native, Flutter and other cross-platform frameworks.

Desktop Tools

Build desktop apps with Electron, Tauri using FontAwesome icons.

Brand Display

Brands series includes hundreds of well-known brand icons for partner showcases and social links.

v6 Ecosystem

FontAwesome 6 has a comprehensive ecosystem with official support for various environments:

  • React components - @fortawesome/react-fontawesome with tree-shaking and on-demand loading
  • Vue components - @fortawesome/vue-fontawesome for Vue 2 and Vue 3
  • Angular components - @fortawesome/angular-fontawesome with Ivy engine support
  • Figma plugin - search, insert, and manage icons directly in designs
  • Sketch plugin - integrate FontAwesome into Sketch design workflow
  • SVG framework - pure JavaScript SVG rendering with auto-replace, animation, and layers
Share

Related