Uso de iconos de ojo
Un icono de ojo sirve para mostrar u ocultar contraseñas e indicar visibilidad y contadores de vistas.
Todos los iconos de aquí siguen currentColor, así que toman el color de texto del elemento en el que están: un mismo SVG funciona en fondos claros y oscuros, en enlaces y en botones. Define un width y un height explícitos (o ajústalos en CSS con 1em) para que el diseño no se desplace mientras carga la página.
Iconos accesibles
Si el icono es decorativo o va junto a texto visible, añade aria-hidden="true". Si es el único contenido de un botón o enlace, dale a ese elemento un aria-label como “Ojo”.
Licencias
Estos iconos de ojo provienen de Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols y Material Design Icons: sets de código abierto bajo licencias MIT, ISC o Apache 2.0, que permiten el uso personal y comercial. ¿Necesitas otra cosa? Busca entre más de 70.000 iconos en el SVG Icon Finder.
Buscador de iconos SVG
Busca más de 70.000 iconos SVG de código abierto — Lucide, Tabler, Heroicons, Phosphor, Bootstrap, Material y más.