Hướng dẫn cài đặt Font Awesome trên React

yarn add @fortawesome/react-fontawesome @fortawesome/free-solid-svg-icons @fortawesome/fontawesome-svg-core

pnpm i @fortawesome/react-fontawesome @fortawesome/free-solid-svg-icons @fortawesome/fontawesome-svg-core

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

import {
  faClock,
  faCoffee,
  faUserCircle,
} from '@fortawesome/free-solid-svg-icons';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import React from 'react';
 
const MyComponent = () => {
  return (
    <div style={{ padding: 50 }}>
      <p>
        <FontAwesomeIcon
          icon={faClock}
          style={{ fontSize: 100, color: 'blue', marginRight: 30 }}
        />
        <FontAwesomeIcon
          icon={faUserCircle}
          style={{ fontSize: 100, color: 'orange' }}
        />
      </p>
      <p>
        <FontAwesomeIcon
          icon={faCoffee}
          style={{ fontSize: 200, color: 'brown' }}
        />
      </p>
    </div>
  );
};
 
export default MyComponent;