Astro で SVG アイコンを使う

Astro はサーバーでマークアップを描画します。インライン SVG は HTML なので、最初の応答にアイコンが入って、コンポーネント集は要りません。

アイコンページから SVG をコピーします。線アイコンなら fill と stroke は currentColor のままにすると、周りの文字色が使われます。

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">…</svg>