アイコンの使い方

SVG

アイコンページを開いて SVG をコピーします。width と height を指定するか、文字サイズに合わせるなら 1em にします。線アイコンは currentColor を使います。

React

アイコンページと /r/{pack}/{name}.json に関数コンポーネントがあります。プロジェクトに貼り付けるか、shadcn のレジストリ URL で追加します。

pnpm dlx shadcn@latest add https://fullsvgicons.com/r/lucide/house.json

Astro

SVG を Astro コンポーネントに貼り付けます。バンドラが対応していれば SVG ファイルの import も使えます。インライン SVG は HTML に入り、クライアントのランタイムは要りません。