コンテンツにスキップ

Font awesomeの使い方

最終更新日: 2021-05-16

React 用のパッケージではなく、素の fontawesome-free を使う方法について

確認環境

fortawesome ってスペルミスなんですかね…?怪しいパッケージ名に見えるのが大変アレ

Env Ver
next 10.2.0
react 17.0.2
node-sass 5.0.0
@fortawesome/fontawesome-free 5.15.3

サンプルコード

_app.scss

1
@import '@fortawesome/fontawesome-free/css/all.css';

_app.tsx

1
import './_app.scss';

適当なコンポーネントのレンダラ

1
2
3
4
5
<ul>
  <li
    className="fab fa-twitter big-icon"
  ></li>
</ul>