[React] Font Awesome 쉽게 사용하기

free 버전 기준 사용하는 방법 정리

폰트어썸 패키지를 먼저 설치한다.
npm i @fortawesome/fontawesome-svg-core

폰트어썸 무료버전 3가지 icon 을 사용 할수 있는데

3개 중 사용할 목적에 따라 설치한다.

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

• regular
  npm i @fortawesome/free-regular-svg-icons

• brands
  브랜드 로고를 사용하려면 따로 설치를 해줘야한다.
  npm i @fortawesome/free-brands-svg-icons

그리고 마지막으로 리액트에서 사용 가능하도록 있도록 설치한다.
npm i @fortawesome/react-fontawesome

설치한거 불러오기

import로 불러온다음,, 사용한다.

import React from "react";
import { faBurger } from "@fortawesome/free-solid-svg-icons";
// 사용하려는 아이콘명 괄호안에 넣으면된다.