react font-awsome with React

• install

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

• 表示

import&表示

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


 <FontAwesomeIcon icon={faCoffee} />

ここからが肝

欲しいアイコンをどう探すか？

例だとfaCoffeeとかいている

- アイコンの探す場所は下記

試しに<i class="fas fa-home"></i>これを見てみる

faCoffee ← fa-coffeeなんじゃないかと思って

faHomeでやって見たら、、、、表示された。