Abre un icono o un logo SVG, cambia sus colores, una forma o un color en todas partes a la vez, y descarga el archivo recoloreado.
Un SVG describe formas, y cada forma tiene un relleno (su interior) y un contorno. Los colores están escritos en el archivo, como atributos o estilos. Por eso un SVG se puede recolorear sin volver a dibujar nada y sin perder nitidez.
Selecciona una forma para cambiar su relleno o su contorno. Para cambiar la identidad de un conjunto de iconos o de un logo, sustituye un color del documento: todas las formas que lo usan cambian a la vez, y ves el resultado en directo antes de descargar el archivo.
Las formas, su orden y la estructura del archivo se conservan: el SVG descargado es el que abriste, con sus nuevos colores. Sirve para iconos de un conjunto de iconos, logos exportados e ilustraciones.
Suelta un archivo SVG en el editor o pega su código.
Selecciona una forma y elige su relleno o su contorno, o sustituye un color en todo el documento.
Revisa la vista previa y descarga el archivo recoloreado.
En una web, un icono cuyo relleno es currentColor toma el color del texto que lo rodea: cámbialo con CSS en lugar de editar el archivo.
Para un logo con colores de marca, sustituye cada color en todo el documento para que todas las formas sigan siendo coherentes.
ConsejoEl SVG se edita en tu navegador: no se sube nada a ningún servidor.
Su código se limpia de scripts antes de mostrarse, así que un SVG sacado de la web no puede ejecutar código en la página.
SeguridadCambiar los colores de un SVG en resumen