React.js - fontaswsome사용법

참조 : https://fontawesome.com/v5/docs/web/use-with/react

해당 프로젝트 터미널을 연다.

npm i --save @fortawesome/fontawesome-svg-core
npm install --save @fortawesome/free-solid-svg-icons
npm install --save @fortawesome/react-fontawesome

순서대로 다운로드를 받는다.
추가적으로 스타일을 변경하고 싶으면 아래를 터미널로 다운받으면 된다.

npm i --save @fortawesome/free-regular-svg-icons
npm i --save @fortawesome/free-brands-svg-icons

사용법은 다음과 같다.

  import ReactDOM from 'react-dom'
  import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
  import { faCoffee } from '@fortawesome/free-solid-svg-icons'

  const element = <FontAwesomeIcon icon={faCoffee} />

  ReactDOM.render(element, document.body)