ReactでFontAwsomeを使う @yukilulu0229

install

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

全部

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

使う

Sample.tsx

// import React from 'react';

import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
import {faBars} from "@fortawesome/free-solid-svg-icons";

const Portfolio = () => {
  return (
    <div className="md:hidden">
      <FontAwesomeIcon icon={faBars} />
    </div>
  );
};

export default Portfolio;

コードのように使う