Auto convert FontAwesome class names between versions
| Change | Description | Impact |
|---|---|---|
| SVG framework | v6 defaults to SVG framework instead of Web Font for better rendering | Medium |
| Icon renames | Approximately 50 icon names changed for naming consistency | Medium |
| Package structure | npm package name unchanged, but internal file structure adjusted | Low |
| Free icons | Over 1,600 new free icons added, total 2,000+ | None |
<!-- CDN -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<!-- npm -->
npm install @fortawesome/[email protected]v6 prefix system is mostly consistent with v5, but verify all icons use correct prefixes:
<i class="fas fa-user"></i> <!-- Solid -->
<i class="far fa-user"></i> <!-- Regular -->
<i class="fab fa-github"></i> <!-- Brands -->| Old Name (v5) | New Name (v6) |
|---|---|
fa-contact-card | fa-id-card |
fa-glasses | fa-glasses-round |
fa-helicopter | fa-helicopter-symbol |
Thoroughly check icon display in a staging environment before deploying to production.