Skip to content

Astro Iconset

Local SVGs, Iconify, and optional sprites — optimized at build time, zero icon runtime in the browser.

Local SVGs

Drop files in src/icons/ (or configure other folders) and reference them by name. SVGO runs automatically.

Iconify

Install @iconify-json/* packages and use set:icon-name in the name prop — thousands of sets from Iconify.

Imports

Use *.svg?icon when an SVG should not live in a shared icon directory — pass the result to icon={…}.

Frameworks

Use astro-iconset/react, /vue, /svelte, /preact, or /solid inside islands when you need icons in UI components.