반응형
1. 설치
https://fontawesome.com/v6/docs/web/use-with/react/
Set Up with React
Font Awesome 6 brings loads of new icons and features to the most popular icon set in the world.
fontawesome.com
위 사이트에서 npm 명령어로 설치를 해준다.
사용 방법은 두가지로 나뉜다.
한 컴포넌트에서만 쓰는 방법, 글로벌로 쓰는 방법.
나는 우선 하단바에서만 사용할거기 때문에 individual 방식을 사용했다.
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
//사용할 아이콘을 임포트 해준다.
import { faHome } from "@fortawesome/free-solid-svg-icons";
//아래와같이 사용하면 됨
<FontAwesomeIcon icon={faHome}/>
아이콘은 아래에서 찾을 수 있다.
무료 버전을 열심히 찾아서 쓰는 중...
Font Awesome
The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options.
fontawesome.com
반응형
'프론트엔드 > 리액트 | React' 카테고리의 다른 글
| 리액트 웹앱 - 상단 타이틀 동적으로 적용하기 (redux 활용) (0) | 2022.04.13 |
|---|---|
| 리액트 하단바 만들기 - React Bottom Navigation (0) | 2022.04.13 |
| ReactDOM.render is no longer supported in React 18. Use createRoot instead. 해결 (0) | 2022.04.12 |
| 리액트 무료 테마 (0) | 2022.04.12 |
| 리액트 라우터 사용하기 2 ( useParams, useRouteMatch, useHistory, useLocation) (0) | 2022.04.10 |