Font Awesome 6 Solid Icons
Browse 1402 free Font Awesome 6 Solid SVG icons. Download SVG, copy as JSX, PNG or Base64. CC BY 4.0 licensed. Designed by Dave Gandy. Styles: Precise Shapes.
Copy & download Font Awesome 6 Solid icons
Click any icon above to open the detail panel. Four export formats are available instantly — no sign-up required.
Raw vector markup. Paste directly into HTML or React components. Scales to any size without quality loss.
React-ready component. Drop into any React or Next.js project. Works with shadcn/ui, Radix, and Tailwind CSS.
Raster export at 1×, 2× and 3× for email templates, Figma imports, app assets, and Open Graph images.
Inline data URI — embed icons in CSS background-image, email HTML, or anywhere an image URL is needed.
Works with shadcn/ui
Copy the JSX format and paste directly into any shadcn/ui component. Alternatively, install
@fortawesome/react-fontawesome
and use via @iconify/react —
fully tree-shakeable, no icon font loading required.
About Font Awesome 6 Solid
Font Awesome is the world's most-used icon toolkit, deployed on more websites than any other icon library. Font Awesome 6 Free includes three styles — Solid, Regular, and Brands — with 2,000+ icons under a CC BY 4.0 license (free for all uses, attribution required for free tier). Font Awesome 6 redesigned icons for cross-style consistency, added Thin and Sharp weights (Pro tier), and cleaned up naming conventions from version 5. The @fortawesome/react-fontawesome package provides a React component wrapper; vanilla JS and CDN options cover HTML-first projects. Browse Font Awesome SVG icons here, copy SVG paths, export as JSX components, or download as PNG. FA6 vs Lucide for new projects: Font Awesome's ecosystem is larger and more familiar to WordPress and HTML developers, while Lucide ships a smaller modern set without attribution requirements. Ideal for WordPress themes, HTML templates, email design, and projects where maximum developer familiarity is a priority.
Pack Details
Version
6.7.2
Color Support
Monochrome
Category
Archive / Unmaintained
In 1 collection
How to use Font Awesome 6 Solid icons
Icon Set Version
v6.7.2
Package
@fortawesome/react-fontawesome, @fortawesome/free-solid-svg-icons
License SPDX
CC-BY-4.0
Grid Size
32px
Display Size
16px
Sample Icons
location-pin, gem, folder
Install
npm install @fortawesome/react-fontawesome @fortawesome/free-solid-svg-iconsReact
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faMagnifyingGlass, faHome } from '@fortawesome/free-solid-svg-icons';
export default function App() {
return <FontAwesomeIcon icon={faMagnifyingGlass} />;
}HTML / CDN
<!-- CDN (all-in-one) -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" />
<i class="fa-solid fa-magnifying-glass"></i>Via Iconify · any framework
import { Icon } from '@iconify/react';
export default function App() {
return <Icon icon="fa6-solid:icon-name" width={24} />;
}Package stats
Build-time npm metadata cached weekly • Last refresh May 12, 2026
@fortawesome/react-fontawesome
Official React component for Font Awesome
License
MIT
Weekly downloads
1.7M
Monthly downloads
7.5M
Total downloads
105.4M
Unpacked size
101 KB
Last published
Apr 20, 2026
Registry updated
Apr 20, 2026
@fortawesome/free-solid-svg-icons
The iconic font, CSS, and SVG framework
License
(CC-BY-4.0 AND MIT)
Weekly downloads
2.6M
Monthly downloads
10.3M
Total downloads
151.4M
Unpacked size
4.9 MB
Last published
Feb 10, 2026
Registry updated
Feb 10, 2026
Compare Font Awesome 6 Solid with similar icon packs
Frequently Asked Questions
npm install @fortawesome/react-fontawesome @fortawesome/free-solid-svg-icons, then: import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { faSearch } from "@fortawesome/free-solid-svg-icons";.