how to use font awesome in react project code example

Example 1: using react-fontawesome

//using fontawesome inside of react project
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import {faSearch} from "@fortawesome/free-solid-svg-icons";

const MyComponent = () => {
  return (<div>
          //fontawesome usage
          <FontAwesomeIcon icon={faSearch} />
        </div>);
}
export default MyComponent ;

Example 2: how to use react-fontawesome

npm install --save @fortawesome/free-brands-svg-icons  npm install --save @fortawesome/free-regular-svg-icons

Example 3: font awesome react

npm install --save @fortawesome/fontawesome-free

Example 4: react font awesome

$ npm i --save @fortawesome/fontawesome-svg-core  @fortawesome/free-solid-svg-icons @fortawesome/react-fontawesome

Example 5: how to use react-fontawesome

npm i --save @fortawesome/fontawesome-svg-core  npm install --save @fortawesome/free-solid-svg-icons  npm install --save @fortawesome/react-fontawesome