리액트에서 아이콘 사용하기

아이콘을 사용하고 싶을 땐 Font Awesome을 이용하면 된다.
html에선 홈페이지를 가면 되지만, 리액트는 다르다.

npm 다운로드

• npm i @fortawesome/fontawesome-svg-core
• npm i @fortawesome/free-solid-svg-icons @fortawesome/free-regular-svg-icons @fortawesome/free-brands-svg-icons
• npm i @fortawesome/react-fontawesome

윗 3가지를 다운 받아주고,

import

• import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
• import { faChevronLeft } from "@fortawesome/free-solid-svg-icons";
  
  

사용

FontAwesome에 있는 코드중에 뒷부분을 - 없이, 대문자로 이어주면 된다.
ex) fa-chevron-left -> faChevronLeft

<FontAwesomeIcon icon={faChevronLeft}/>