https://fontawesome.com/docs/web/use-with/react/

1. 설치

<aside> 💡 > npm install @fortawesome/fontawesome-svg-core @fortawesome/free-solid-svg-icons @fortawesome/react-fontawesome

</aside>

2. _app.js

import "@fortawesome/fontawesome-svg-core/styles.css";

3. 사용할 컴포넌트.js

import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
import {library} from "@fortawesome/fontawesome-svg-core";
import {사용할icon, faAngleLeft, faBars} from "@fortawesome/free-solid-svg-icons";
library.add(사용할icon, faAngleLeft, faBars);

....
<FontAwesomeIcon icon="fa-solid fa-bars"/>aa

그런데 ..

사용하는 컴포넌트마다 계속 저렇게 써줘야하는건가

next나 react나 중복시킬게 많은게 좀…… 단점인거 같기도.. ☹️