Having trouble using Font Awesome with React? This page is all about getting you unstuck.

Advertisement

Remove ads with a Pro plan!

A subscription to a Pro-level plan will remove all third-party advertisements on fontawesome.com.

And of course Pro-level plans come with…

• All 26,233 icons in Font Awesome
• 5 Classic styles of every icon
• 3 Sharp styles of every icon
• 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

Already have a Pro Plan? Sign in

Upgrading from Version 4

If you're upgrading from Version 4, there are a number of changes that you need to be aware of before you jump into Version 6. We've tried to make it as painless as possible, but you may need to make some changes in your project to have it work correctly.

Using React Native

The react-fontawesome compenent currently only supports React. If you are using React Native, we've got a component (opens new window) for you too!

Haallp! I don’t think tree-shaking is working.

We have detailed documentation on tree-shaking within our API-focused docs.

I’m getting a Babel/Babel-loader error when using React Font Awesome

If you’re using a Mac or Linux, make sure you are up to date on the latest versions by running brew update and brew upgrade. Or delete your package.json.lock file and Node_Modules folder and then run either npm install or yarn install to reinstall all packages and dependencies.