lucide-icons/lucide

これは何？

主な機能

• 011600点以上の統一感あるSVGアイコン
• 02React、Vue、Svelte、Solid、Preact、Angular、Astro向けの公式パッケージ
• 03プレーンなJavaScript版と静的SVG版を提供
• 04デザイナー向けのFigmaプラグイン
• 05ISCライセンスのもと、商用・個人利用ともに無料

ユースケース

• ReactやVueのWebアプリに統一感のあるアイコンセットを追加する
• 静的サイトやJavaScript以外のプロジェクトに生のSVGアイコンを取り込む
• Figmaでモックアップやプロトタイプにアイコンを配置する

クイックスタート

1. 1

   Packages テーブルから、お使いの framework 向けの package（npm の lucide-react など）を選びます

2. 2

   その package にリンクされているガイドに従って、アイコンを import して使用します

使う前に知っておきたいこと

• !Lucide はブランドロゴを受け付けていないため、企業や製品のロゴは入手できません。
• !metadata の license フィールドは NOASSERTION となっていますが、README には ISC License と記載されています。

トピック

よくある質問

lucide とは？

Web・モバイル・デザイン向けの、1600点以上の統一感あるSVGアイコンを収録したオープンソースライブラリ。React、Vue、Svelteなどの公式パッケージを提供。 Lucideはコミュニティがメンテナンスするアイコンライブラリで、Web、モバイル、デザイン向けに1600点以上のベクター（SVG）アイコンを提供します。Feather Iconsからフォークされており、セット全体でストロークベースの統一されたスタイルを保っています。

lucide は無料で使えますか？ライセンスは？

lucide は Other ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

lucide は今もメンテナンスされていますか？

活発にメンテナンス中。lucide の最終コミットは 2026年10月21日 です。

lucide は何に使えますか？

ReactやVueのWebアプリに統一感のあるアイコンセットを追加する 静的サイトやJavaScript以外のプロジェクトに生のSVGアイコンを取り込む Figmaでモックアップやプロトタイプにアイコンを配置する

lucide のインストール方法は？

Packages テーブルから、お使いの framework 向けの package（npm の lucide-react など）を選びます その package にリンクされているガイドに従って、アイコンを import して使用します

lucide はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/lucide-icons/lucide