[React] React 에서 font-awesome 아이콘 적용

쏘소·2022년 2월 18일
0

React

목록 보기
5/13
post-custom-banner

기본 설치

기본 font-awesome 설치

npm i -S @fortawesome/fontawesome-svg-core @fortawesome/react-fontawesome

solid를 사용할 경우

npm i -S @fortawesome/free-solid-svg-icons

작업할 파일에 연결

import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";//기본 
import { faSearch } from "@fortawesome/free-solid-svg-icons";//아이콘 이름

faSearch는 아이콘 이름으로 기본적으로 fa-search 이렇게 주어지면 faSearch 식으로 적어준다.

컴포넌트 적용

<FontAwesomeIcon icon={faSearch} className="search" />

이렇게 직접 컴포넌트에 다음과 같이 적용해주면 된다.

profile
개발하면서 행복하기
post-custom-banner

0개의 댓글