How to use Font Awesome 6 icons in React.js, especially social icons?

Question

I installed the below package from font awesome documentation and faCoffee icon was added but when I want to use the social icon the icon is not added.

npm i --save @fortawesome/fontawesome-svg-core

npm i --save @fortawesome/free-solid-svg-icons
npm i --save @fortawesome/free-regular-svg-icons

npm i --save @fortawesome/react-fontawesome@latest

<FontAwesomeIcon icon={faCoffee} />

Answer 1

Social icons come with with pro package of FontAwesome, so you will need to upgrade in ordered to get them. I believe they come in their own package too.

However, if you chose to import your icons via the script tag rather than the react packages, you can access the icons for free like so...

<i className="fab fa-facebook" />

Script tag if you need it:

 <script src="https://your-site-or-cdn.com/fontawesome/v5.15.4/js/all.js" data-auto-a11y="true" ></script>