Heroicons — iconos SVG de los creadores de Tailwind
Cómo elegir una variante
Sección titulada «Cómo elegir una variante»outlineusa contorno y funciona bien para acciones normales en 24 píxeles.solidusa relleno y aporta más peso visual a estados activos o destacados.miniymicroestán dibujados para espacios de 20 y 16 píxeles; reducir un icono grande no produce el mismo nivel de claridad.
Puedes copiar un SVG individual o usar el paquete oficial @heroicons/react. Mantén una sola familia y un criterio consistente de tamaño y grosor. Si falta demasiada cobertura, compara Tabler Icons o Lucide antes de mezclar estilos dentro de la misma pantalla.