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 React from 'react'
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { faClock, faUserCircle, faCoffee } from '@fortawesome/free-solid-svg-icons'

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