Auto convert FontAwesome class names between versions
| Change | Description | Impact |
|---|---|---|
| Prefix system | Changed from single fa prefix to fas/far/fab three-prefix system | High |
| Icon renames | Large number of icon names changed for naming consistency | High |
| SVG framework | New SVG JavaScript framework with layer composition and masks | Low |
| Style expansion | Expanded from 1 style to Solid, Regular, and Brands | None |
<!-- CDN -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<!-- npm -->
npm install @fortawesome/[email protected]Replace all fa prefixes with fas (Solid):
<!-- v4 style -->
<i class="fa fa-user"></i>
<!-- v5 style -->
<i class="fas fa-user"></i> <!-- Solid -->
<i class="far fa-user"></i> <!-- Regular -->Refer to the official v4 to v5 upgrade guide name mapping table to update renamed icons.
Thoroughly check icon display in a staging environment before deploying to production.