Astro Icons

• No es necesario instalarlo, se puede crear archivos .astro, agregar el código SVG y utilizarlos como un componente normal.

Instalar

• Es una integración (similar a Tailwind, etc.)

npx astro add astro-icon
bun astro add astro-icon

Crear carpeta

• src/icons/

Obtener íconos

• https://icon-sets.iconify.design/
• Buscar y copiar el SVG
• Crear el archivo .svg en la carpeta de src/icons, src/icons/example.svg

Usar

• El nombre debe ser el que tiene el archivo svg

---
import { Icon } from "astro-icon/components";
---
<Icon name="=logos/some" />

<button id="btn-favorite" class="ml-4">

  <Icon name="heart-outline" size={50} />
  <Icon name="heart-fill" size={50} class="hidden" />

</button>