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
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import {faSearch} from "@fortawesome/free-solid-svg-icons";
const MyComponent = () => {
return (<div>
<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';