react fontawesome Icon code example

Example 1: react fontawesome

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

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

Example 2: 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 3: font awesome react

npm install --save @fortawesome/fontawesome-free

Example 4: fa icons react

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

Example 5: react bootstrap font awesome icons

npm install --save font-awesome

import 'font-awesome/css/font-awesome.min.css';