Lucideアイコンライブラリ v1.0リリース — ブランドアイコン削除・Vue/Angular対応強化など主要変更点まとめ

元記事を読む
キュレーターコメント

ShadcnやAstroなど人気スタックと相性の良いLucideがv1に到達。ブランドアイコン削除という大きな意思決定の背景が興味深く、Webフロント開発者なら一度チェックしておきたいリリースです。

概要

Lucide(ルシード)をご存知だろうか。Webアプリ開発で使われるアイコンライブラリの中でも、特に「シンプルで一貫性が高い」と評判のオープンソースSVGアイコンセットだ。週3,000万ダウンロード超という実績を誇るこのライブラリが、2026年3月23日についにメジャーバージョン1.0.1をリリース。現時点の最新はv1.7.0まで進んでいる。

LucideはFeather Iconsを源流に持つライブラリで、1,600以上のSVGアイコンを収録している。React・Vue・Angular・Svelte・SolidなどのフレームワークごとにNPMパッケージが提供されており、ツリーシェイキングを前提とした設計で「使うアイコンだけバンドルに含める」ことがしやすい点が特徴だ。Shadcn/uiなどのUIライブラリでも標準採用されており、多くのモダンWebプロジェクトに静かに組み込まれている。

v1の主要な破壊的変更は以下のとおり:

  • ブランドアイコンの削除 — 法的リスク(各社の商標・ブランドガイドライン違反)を回避するための判断。代替としてSimple Iconsが推奨されている
  • UMDビルドの廃止lucideパッケージを除き、ESM/CJSのみの提供に整理
  • lucide-vue-next@lucide/vue へのパッケージ名変更
  • @lucide/angularの追加 — スタンドアロン実装として新設
  • アクセシビリティ強化 — 全アイコンにaria-hidden="true"がデフォルト付与
# Vue利用者は移行が必要
npm uninstall lucide-vue-next
npm install @lucide/vue

# Angular利用者は新パッケージへ
npm install @lucide/angular

React・Vue・Svelte・Solidではコンテキストプロバイダー対応も追加され、アイコンのデフォルトサイズや色をアプリ全体で一括制御できるようになった。加えてドキュメントが全面刷新され、各フレームワーク向けの詳細なセットアップガイドと、LLMがドキュメントを参照しやすくするllms.txtも追加されている点が面白い。

ブランドアイコン削除は既存プロジェクトにとって痛手になり得るが、「持続可能で法的に準拠したライブラリ」を維持するためのチームの誠実な判断だと感じる。v1という節目にしっかり技術的負債を清算したのは好感が持てる。既存ユーザーはパッケージ名変更やUMD廃止の影響を確認しつつ、移行を進めたい。ライセンスはISC(一部アイコンにはMIT)。