Cómo usar los iconos de edición
Un lápiz significa editar o renombrar. Colócalo junto al contenido que modifica.
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, asigna a ese elemento un aria-label, como “Editar”.
Licencias
Estos iconos de edición provienen de Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Material Symbols y Material Design Icons: conjuntos 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.