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

Simple Icons

Logos de marcas y tecnologías en SVG, con su color oficial.

Heroicons

Iconos de los creadores de Tailwind, en versión línea y sólida.

Precio y nivel

Simple Icons

GratisPrincipiante

Heroicons

GratisPrincipiante
Úsalo si…

Simple Icons

  • Necesitas logos de marcas y tecnologías.
  • Quieres el color oficial de cada marca.
  • Haces un portfolio con tu stack.

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.
Mejor evítalo si…

Simple Icons

  • Buscas iconos de interfaz como flechas o menús.
  • Necesitas logos a color con degradados.

Heroicons

  • Necesitas un catálogo muy grande.
  • Buscas logos de marcas.
Primer paso

Simple Icons

Instala el paquete.

npm install simple-icons

Heroicons

Instala la versión para React.

npm install @heroicons/react
Combina bien con

Simple Icons

Heroicons