Uso de iconos de menú
El “hamburguesa” de tres líneas abre la navegación en el móvil; combínalo con un icono de cierre (×) para el estado abierto.
Todos los iconos aquí siguen currentColor, así que toman el color de texto del elemento en el que se colocan: 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 “Menú”.
Licencias
Estos iconos de menú provienen de Lucide, Tabler, Bootstrap Icons, Iconoir, Material Symbols, Material Design Icons y Carbon: sets open source 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.