Question: Could someone advice me on how to integrate FontAwesome 5 **Pro** with React?

I know there are packages @fortawesome/react-fontawesome and for example @fortawesome/fontawesome-free-regular but is there a way how to include **pro version** of icons?

When I log in to FontAwesome website, I can download the pro-version JS but I guess that's of no use in React.

Answer: 
**tldr;** Use `@fortawesome/pro-light-svg-icons`, `@fortawesome/pro-regular-svg-icons` NPM packages.

I ran into this problem today, and I think the main question of how to use Pro version of the icons has not been addressed. The official docs aren't much help. This is what I had to do for using `faFilePlus` icon, the light version:

`import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { faFilePlus } from '@fortawesome/pro-light-svg-icons/faFilePlus';`

and then:

`<FontAwesomeIcon icon={faFilePlus} />`

Note the use of `@fortawesome/pro-light-svg-icons` NPM package. This is undocumented anywhere in the FA's official docs and I had to dig through several places to arrive at this solution. The official docs only talk about the use of "free" icons but don't say where to find the equivalent NPM package for light, regular etc. 

Also note that this does require NPM to be authenticated as mentioned in one of the answers.
I think you will be able to use them be adding the JS script and appropriate CSS files to your **index.html**

Let's say if you want to use the default font awesome without having any packages installed then directly include file in **index.html** as shown below

```js
<script defer src="https://use.fontawesome.com/releases/v5.0.8/js/solid.js" integrity="sha384-+Ga2s7YBbhOD6nie0DzrZpJes+b2K1xkpKxTFFcx59QmVPaSA8c7pycsNaFwUK6l" crossorigin="anonymous"></script>
<script defer src="https://use.fontawesome.com/releases/v5.0.8/js/fontawesome.js" integrity="sha384-7ox8Q2yzO/uWircfojVuCQOZl+ZZBg2D2J5nkpLqzH1HY0C1dHlTKIbpRz/LG23c" crossorigin="anonymous"></script>
```