Are you using a package manager like npm or yarn to handle your Font Awesome assets? Here are some handy tips for upgrading your project to Font Awesome Version 6.

Advertisement

Starting a new project?

This document is for upgrading from Version 5. If you're wanting to start using Version 6 from scratch, go check out our setup documents.

Using npm-check-updates

For a nice upgrade experience we recommend using npm-check-updates.

npx npm-check-updates --filter "/@fortawesome.*/" --target greatest --upgrade

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.

// This updates all packages with pending updates
npm update

// This is more surgical
npm update @fortawesome/fontawesome-pro

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.

// This updates all packages with pending updates
yarn upgrade

// This is more surgical
yarn upgrade @fortawesome/fontawesome-pro

Check out the official Yarn documentation for more information about upgrading your files.

Advertisement

You're All Set!

Your project will now load Version 6 and render any existing icons using our newest and freshest icons and options. Are you running into trouble? Check out our troubleshooting guide for answers to common questions about using Font Awesome on the Web.

You might want to go check out the big pile of new icons we've added in Version 6 (including the new Thin style!) or check out all of Version 6's new styling options.