Upgrade to v7 with JavaScript Components

Let's walk through what you need to do to move to v7 using Font Awesome's JavaScript Components.

v6 JavaScript Components are Backward Compatible!

We've taken care of backward compatibility with v6 JavaScript components. So once you get the new files, you're off and fa-running.

Update Files

In order to use Font Awesome v7 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.

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 up command for updating your packages.

// This updates all packages with pending updates
yarn up

// This is more surgical.
yarn up @fortawesome/fontawesome-pro

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

You're all set!

Your project will now load Version 7 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.

    No results