Comparar herramientas
Pon dos herramientas lado a lado: precio, nivel, cuándo conviene cada una y cómo se empieza.
Primera herramienta
Segunda herramienta
Son de la misma categoría: compiten por el mismo hueco en tu proyecto, así que normalmente eliges una.
- En una frase
Heroicons
Iconos de los creadores de Tailwind, en versión línea y sólida.
Lucide
Más de mil iconos de línea, limpios y consistentes.
- Precio y nivel
Heroicons
GratisPrincipianteLucide
GratisPrincipiante- Úsalo si…
Heroicons
- Usas Tailwind y quieres iconos de sus mismos creadores.
- Te basta con un set pequeño y cuidado.
- Quieres versiones de contorno y rellenas.
Lucide
- Quieres iconos limpios y consistentes para una interfaz.
- Usas shadcn/ui, que ya los usa.
- Necesitas miles de iconos gratis.
- Mejor evítalo si…
Heroicons
- Necesitas un catálogo muy grande.
- Buscas logos de marcas.
Lucide
- Buscas logos de marcas.
- Quieres iconos rellenos o con color.
- Primer paso
Heroicons
Instala la versión para React.
npm install @heroicons/reactLucide
Instala la versión para React.
npm install lucide-react