📍Font Awesome

패키지 설치

SVG 기반 아이콘을 활성화 시키기 위한 기본 패키지

$ npm i @fortawesome/fontawesome-svg-core

font Awesome 아이콘 대한 패키지를 설치

$ npm i @fortawesome/free-solid-svg-icons @fortawesome/free-regular-svg-icons @fortawesome/free-brands-svg-icons

Font Awesome을 React 컴포넌트 형태로 사용할 수 있도록 해주는

$ npm i @fortawesome/react-fontawesome

+) 한번에 설치

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

사용법(import)

import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faSearch } from "@fortawesome/free-solid-svg-icons";
...
<FontAwesomeIcon icon={faSearch} />

📍React Icons

React Icons 링크

패키지 설치

npm install react-icons --save

사용법(import)

import { FaSearch } from "react-icons/fa";
...
<FaSearch />