Let's walk through what you need to do to move to Version 6 using Font Awesome's JavaScript Components.
Advertisement
Remove ads with a Pro plan! Using this requires Font Awesome Pro
Pro
A subscription to a Pro-level plan will remove all third-party advertisments on fontawesome.com.
And of course Pro-level plans come with… All 16,083 Icons in Font Awesome Solid, Regular, Light, Thin, and Duotone Styles for Each Icon + Brands A Perpetual License to Use Pro Services and Tools to Make Easy Work of Using Icons Fresh Icons, Features, and Software Updates Plus Support From Real Humans
Get Font Awesome Pro for only $99/yr
Already have a Pro Plan?
Sign in
Version 6 JavaScript Components are Backward Compatible!
We've taken care of backward compatibility with Version 5 JavaScript components. So once you get the new files, you're off and fa-running
.
Update Files In order to use Font Awesome Version 6 you'll need to upgrade the Font Awesome files used by the component of your choice.
Using npm-check-updates For a nice upgrade experience we recommend using npm-check-updates .
Using npm If you prefer to use plain vanilla npm, you can run the built in npm update
command from the directory where your package.json
file lives.
For more information on updating a package using npm check out the official docs .
Using Yarn Yarn has the yarn upgrade
command for updating your packages.
Check out the official Yarn documentation for more information about upgrading your files.
Remove ads with a Pro plan! Using this requires Font Awesome Pro
Pro
A subscription to a Pro-level plan will remove all third-party advertisments on fontawesome.com.
And of course Pro-level plans come with… All 16,083 Icons in Font Awesome Solid, Regular, Light, Thin, and Duotone Styles for Each Icon + Brands A Perpetual License to Use Pro Services and Tools to Make Easy Work of Using Icons Fresh Icons, Features, and Software Updates Plus Support From Real Humans
Get Font Awesome Pro for only $99/yr
Already have a Pro Plan?
Sign in