how to use font awesome with react 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: react font awesome
$ npm i --save @fortawesome/fontawesome-svg-core @fortawesome/free-solid-svg-icons @fortawesome/react-fontawesome
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