Font Awesome 6 Solid

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.

How to use Font Awesome 6 Solid icons

npm install @fortawesome/react-fontawesome @fortawesome/free-solid-svg-icons

import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faMagnifyingGlass, faHome } from '@fortawesome/free-solid-svg-icons';

export default function App() {
  return <FontAwesomeIcon icon={faMagnifyingGlass} />;
}

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

import { Icon } from '@iconify/react';

export default function App() {
  return <Icon icon="fa6-solid:icon-name" width={24} />;
}

Compare Font Awesome 6 Solid with similar icon packs