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

Advertisement

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.

You're viewing the Version 6 Beta

It's all the awesome of 5, but now more six-y! Version 6 brings over 13,000 icons across 5 styles – including the new Thin style! – and includes more and faster services.

Get the Deets on Version 6

Head Back to Our Current Version 5 Release

Need a Hand?

If you’re stuck or have a question, check our Troubleshooting docs, all of the Font Awesome threads on Stack Overflow, or contact our community on GitHub.

Or get Real Human Support™ with a Pro Subscription!