Reactで簡単にアイコンを使いたい

Reactのアプリを作るときにきれいなアイコンを使いたい時は、いつもFontAwesomeを設定して使っていましたが、もっと簡単にいろいろなアイコンを使うことができるライブラリがありました。

react-icons

www.npmjs.com

こちらのページから対応しているアイコンと必要なimportが書いてあります。

たとえばFontAwesome5の場合は、説明ページを引用すると以下のように記述することができます。

import { FaBeer } from 'react-icons/fa';
class Question extends React.Component {
  render() {
    return <h3> Lets go for a <FaBeer />? </h3>
  }
}

FontAwesomeのバージョンなどを気にしながらインストールで迷っている時間がとても短縮されそうです。