Fuentes
Lucide
Iconos SVG consistentes para interfaces y documentación
Biblioteca open source de iconos SVG con trazo uniforme, pensada para React, Vue, Svelte, Angular y uso directo como sprite o SVG inline.
Ir al sitio oficialVista previa
Iconos de referencia
Selección de pictogramas Lucide con el mismo trazo que usa marcparra.tech en navegación, acciones y metadatos.
sunmoonmenusearchglobelinkimageboxzapheartcircleexternal
Ficha abierta
Para qué sirve y cómo encaja
Lucide es el estándar de facto en muchos proyectos que usan shadcn/ui y stacks similares: iconos claros a tamaños pequeños, sin depender de fuentes de iconos bitmap.
En marcparra.tech cubre la iconografía funcional de navegación, acciones y metadatos; el isotipo de marca sigue siendo propio y no se sustituye por Lucide.
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 lucideimport { createIcons, Search } from "lucide";
createIcons({ icons: { Search } });Prompt para que tu agente lo instale
Pega esto en Cursor, Claude Code, Codex u otro agente de código:
Instala Lucide en este proyecto (contexto: sin framework). Documentación oficial: https://lucide.dev/guide/packages/lucide. Comando verificado: `npm install lucide`. 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 ISC: uso libre en proyectos personales y comerciales, sin royalties ni atribución obligatoria en la interfaz.
Funcionalidades
Qué puedes hacer con ella
- 01
Estilo coherente
Iconos con grid 24×24 y grosor de trazo consistente en toda la colección.
- 02
Paquetes por framework
lucide-react, lucide-vue-next y equivalentes con tree-shaking para importar solo los iconos usados.
- 03
Personalización
Tamaño, color, grosor de trazo y esquinas ajustables vía props o CSS.
- 04
Ampliación comunitaria
Nuevos pictogramas y variantes se añaden con criterios de diseño publicados en el repositorio.
Cuándo usarla
Dónde encaja y dónde no
Te conviene si…
Te conviene si construyes UI con React u otro framework moderno y quieres iconos funcionales legibles sin mezclar estilos de varias librerías.
Mejor otra opción si…
Mejor otra opción si necesitas iconos de marca registrada (logos de producto), pictogramas muy específicos de un sector o un set ilustrado con relleno complejo.