Fuentes
Iconify
Capa unificada para usar miles de colecciones de iconos.
Agrega conjuntos open source bajo una API y formato común, con componentes, herramientas y opciones de carga local o remota.
Ir al sitio oficialMuestrario tipográfico
Fuentes del sitio y ejemplos servidos por Google Fonts.
Hago cosas. Algunas hasta funcionan.
Laboratorio, repositorio y proyectos en un solo lugar.
Titulares con carácter editorial.
Interfaz limpia y legible en pantalla.
const repo = 'marcparra.tech';
Ficha abierta
Para qué sirve y cómo encaja
Agrega conjuntos open source bajo una API y formato común, con componentes, herramientas y opciones de carga local o remota.
Útil para prototipos y productos que necesitan acceder a varias familias desde una única API o componente.
Hay que revisar la licencia de cada colección y evitar mezclar estilos sin criterio de sistema de diseño.
Uso en tu proyecto
Instalación e importación
Comandos y fragmentos tomados de la documentación oficial. Elige tu caso, cópialos tal cual o pásale el prompt a tu agente.
npx astro add astro-iconnpm install @iconify-json/lucide---
import { Icon } from "astro-icon/components";
---
<Icon name="lucide:search" size={20} />Prompt para que tu agente lo instale
Pega esto en Cursor, Claude Code, Codex u otro agente de código:
Instala Iconify en este proyecto (contexto: Astro). Documentación oficial: https://iconify.design/docs/. Comando verificado: `npx astro add astro-icon`. Haz solo la instalación o importación base indicada en esta pestaña; no asumas stack ni configuración del proyecto. Cuando termines, pregunta al usuario cómo quiere integrarlo o qué contexto necesitas para los siguientes pasos.Planes y modelos
Cómo se paga y qué incluye cada opción
- 01Gratis
Open source
Componentes y API son gratuitos y abiertos, pero cada colección conserva su propia licencia: revisa la del set antes de usarlo en un producto comercial.
Funcionalidades
Qué puedes hacer con ella
- 01
Muchas colecciones
Normaliza iconos procedentes de proyectos y estilos diferentes.
- 02
Componentes
Ofrece integraciones para web components y frameworks.
- 03
Herramientas de build
Permite seleccionar, transformar y empaquetar solo los iconos usados.
Cuándo usarla
Dónde encaja y dónde no
Te conviene si…
Útil para prototipos y productos que necesitan acceder a varias familias desde una única API o componente.
Mejor otra opción si…
Hay que revisar la licencia de cada colección y evitar mezclar estilos sin criterio de sistema de diseño.