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.

Simple Icons

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

Precio y nivel

Heroicons

GratisPrincipiante

Simple Icons

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.

Simple Icons

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

Heroicons

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

Simple Icons

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

Heroicons

Instala la versión para React.

npm install @heroicons/react

Simple Icons

Instala el paquete.

npm install simple-icons
Combina bien con

Heroicons

Simple Icons