[React]react에서 fontawesome 사용하기

🍒 fontawesome>Docs>React
https://fontawesome.com/v5.15/how-to-use/on-the-web/using-with/react

위 링크로 들어가면 문서화가 잘되어있다😆

그래도 과정을 정리해보자면

1. npm 또는 yarn을 통해 필요한 것들을 설치

yarn을 통한 설치 예시

yarn add @fortawesome/fontawesome-svg-core
yarn add @fortawesome/free-solid-svg-icons
yarn add @fortawesome/react-fontawesome

2. import해서 사용하기

import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { faCoffee } from '@fortawesome/free-solid-svg-icons'

const fontawesome = () => {
return (
	<FontAwesomeIcon icon={faCoffee} />
)}

아이콘의 이름은 "fas fa-check-square" => faCheckSquare로 import 해주면 되는 것 같다 🐥