[React] React에서 Font Awesome 사용하기

1. Font Awesome의 공식 React 패키지인 아래 두개를 설치

npm install @fortawesome/react-fontawesome@npm:@fortawesome/react-fontawesome@latest

npm install @fortawesome/fontawesome-svg-core@npm:@fortawesome/fontawesome-svg-core@latest

 

2. 필요한 아이콘 패키지 설치 (아래 코드는 전체 아이콘 설치)

npm install @fortawesome/free-solid-svg-icons@npm:@fortawesome/free-solid-svg-icons@latest

 

ex) React 컴포넌트에서 Font Awesome 사용해보기

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

function YourComponent() {
  return (
    <div>
      <FontAwesomeIcon icon={faCoffee} />
    </div>
  );
}

export default YourComponent;