Simplest way to add fontawesome to spfx webpart
Do this on the top of you tsx file
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; import * as fontawesome from '@fortawesome/free-solid-svg-icons';
Then put this in your render function
<FontAwesomeIcon icon={fontawesome.faSearch} size="1x" />
Or
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; import { library } from '@fortawesome/fontawesome-svg-core' import * as fontawesome from '@fortawesome/free-solid-svg-icons'; import { fas } from '@fortawesome/free-solid-svg-icons'; library.add(fas); <FontAwesomeIcon icon={"coffee" as any} size="1x" />