アイコンライブラリの比較 · 2026
Lucide vs Heroicons
どちらもReact対応の、クリーンでモダンなSVGアイコンセットです。FeatherフォークのLucideは、ひとつのストロークスタイルで大規模なコミュニティ管理のカタログを持ちます。TailwindチームによるHeroiconsはより引き締まったセットで、outline・solid・miniのバリアントで提供されます。
Featherからフォークされ、インターフェース向けに数千のグリフを備える、コミュニティ運営のオープンなアイコンセット。
- ウェブサイト
- lucide.dev
Tailwind CSSフレームワークを手がけるチームが作る、手仕事によるSVGアイコン。
- ウェブサイト
- heroicons.com
- タグ
- Tailwind
Lucide vs Heroicons：どちらを選ぶべき？
豊富な数とひとつの一貫したラインスタイルが必要ならLucideを選びましょう。outline/solidの組み合わせが欲しく、すでにTailwindの世界にいるならHeroiconsが向いています。ただしカタログは小さめな点は留意してください。
参考までに、Designeer ではHeroicons も次のタグが付いています： tailwind。タグは各ツール自身の説明に基づくもので、採点によるベンチマークではありません。