how to add font awesome in react code example

Example 1: font awesome in react

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

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: how to use react-fontawesome

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

Example 4: 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

Tags:

Html Example