Lucide ： オープンソースのアイコン集

  • Lucide は、オープンソースのアイコン集
  • 現時点で850種類以上が登録されている
  • 認識しやすく、スタイルに一貫性があり、シンプルでクリーンなアイコン

使い方

  • 最もお手軽な使い方としては、<body>...</body>ブロック内に次のようなコードを書くだけ
<i icon-name="volume-2"></i>
<i icon-name="x"></i>
<i icon-name="menu"></i>

<script src="https://unpkg.com/lucide@latest"></script>
<script>lucide.createIcons();</script>
  • ベクター（SVG）データも、簡単にコピー＆ダウンロード可
  • このサイトでも Lucide のアイコンを使っています

試してみた

Posted :