Fuentes
Heroicons
Iconos SVG limpios creados por el equipo de Tailwind CSS.
Colección open source de iconos de interfaz disponible en estilos outline, solid y mini, con paquetes para React y Vue.
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
Colección open source de iconos de interfaz disponible en estilos outline, solid y mini, con paquetes para React y Vue.
Encaja en interfaces Tailwind y productos que buscan un set pequeño, coherente y sencillo de integrar.
Puede quedarse corto en aplicaciones que necesitan iconos de marca, categorías muy extensas o pesos muy variados.
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.
npm install @heroicons/reactimport { MagnifyingGlassIcon } from "@heroicons/react/24/outline";Prompt para que tu agente lo instale
Pega esto en Cursor, Claude Code, Codex u otro agente de código:
Instala Heroicons en este proyecto (contexto: React). Documentación oficial: https://github.com/tailwindlabs/heroicons#react. Comando verificado: `npm install @heroicons/react`. 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
Licencia MIT: uso libre en proyectos personales y comerciales, mantenido por el equipo de Tailwind CSS.
Funcionalidades
Qué puedes hacer con ella
- 01
SVG editables
Permite copiar o importar cada icono como vector.
- 02
Paquetes oficiales
Incluye componentes preparados para React y Vue.
- 03
Varios tamaños y estilos
Ofrece variantes pensadas para diferentes densidades de interfaz.
Cuándo usarla
Dónde encaja y dónde no
Te conviene si…
Encaja en interfaces Tailwind y productos que buscan un set pequeño, coherente y sencillo de integrar.
Mejor otra opción si…
Puede quedarse corto en aplicaciones que necesitan iconos de marca, categorías muy extensas o pesos muy variados.