Reactで使えるイケてるアイコンライブラリ4選

Reactで使用でき、以下の条件に該当するアイコンライブラリを4つピックアップしました。

• デザインが洗練されている（個人的感覚）
• SVGで出力される
• アイコンの数が1000以上
• 特定のカテゴリに絞っておらず網羅的に種類がある

※記載しているアイコン数、GitHubスター数は2024年04月3日時点の数値です。

Lucide Icons

Outlineのみ。shadcn/uiで使用されている。

• https://lucide.dev/
• https://github.com/lucide-icons/lucide
• https://www.npmjs.com/package/lucide-react

Phosphor Icons

アイコンの種類が豊富。Outline, Fill両方ある。

• https://phosphoricons.com/
• https://github.com/phosphor-icons/homepage
• https://www.npmjs.com/package/@phosphor-icons/react

Tabler Icons

Outline, Fill両方ある。

• https://tabler.io/icons
• https://github.com/tabler/tabler-icons
• https://www.npmjs.com/package/@tabler/icons-react

Remix Icon

上記3つのアイコンと違いSharp styleなので角張った雰囲気のサイトと相性が良さそう。Outline, Fill両方ある。

• https://remixicon.com/
• https://github.com/Remix-Design/RemixIcon
• https://www.npmjs.com/package/@remixicon/react