리액트 Font Awesome 아이콘 적용하기

1. 설치

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

Set Up with React

위 사이트에서 npm 명령어로 설치를 해준다.

 

사용 방법은 두가지로 나뉜다. 

 

한 컴포넌트에서만 쓰는 방법, 글로벌로 쓰는 방법.

 

나는 우선 하단바에서만 사용할거기 때문에 individual 방식을 사용했다.

 

import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'

//사용할 아이콘을 임포트 해준다.
import { faHome } from "@fortawesome/free-solid-svg-icons";


//아래와같이 사용하면 됨
<FontAwesomeIcon icon={faHome}/>

 

아이콘은 아래에서 찾을 수 있다.

무료 버전을 열심히 찾아서 쓰는 중...

 

https://fontawesome.com/icons

Font Awesome