1. ReactのMaterial-Iconsでページをお洒落にしよう
Webデザインにとってアイコンはとても大切な存在ですよね。ボタンにアイコンを付けるとボタンを押した後の動作がイメージしやすくなります。でも、アイコンの作成はとても手間とコストが掛かるもの。そこでReactのMaterial-Iconsを使用してお洒落なアイコンを配置してみましょう。
2. Material-Iconsのインストール
まずは、下記のコマンドでMaterial-Iconsをインストールします。Material-IconsはSVGアイコンなので色の変更やサイズの拡大縮小に強い特徴があります。
npm install @mui/icons-material
3. Material-Iconsの使い方
まずは、Material-Iconsをインポートします。
import AcUnitIcon from '@mui/icons-material/AcUnit';
下記の様にインポートしたアイコンを配置すると表示されます。
<AcUnit />
