React & Modern Frontend (445 Qs)•Part 7: Supported Libraries, Styling & Integrations (139 - 151)
How to use Font Awesome icons in React?
The below steps followed to include Font Awesome in React:
- Install
font-awesome:
console
$ npm install --save font-awesome
- Import
font-awesomein yourindex.jsfile:
javascript
import "font-awesome/css/font-awesome.min.css";
- Add Font Awesome classes in
className:
javascript
function MyComponent {
return <div><i className={'fa fa-spinner'} /></div>
}