Editor de iconos SVG

Editar iconos SVG online Cambia colores, trazos, transforma elementos, modifica código y exporta en formato SVG, PNG o JPG. Perfecto para personalizar íconos que combinen con tu marca. ¿Necesitas un formato diferente? Prueba nuestro Convertidor de SVG a ICO or Convertidor de SVG a PNG.

Suelta tu icono SVG aquí

o haga clic para explorar los archivos

.SVG .SVGZ
Edite colores y trazos de íconos y exporte en múltiples formatos
o pegar el código SVG

Cómo editar iconos SVG

  1. Icono de carga: Arrastre y suelte su icono SVG o haga clic para explorar. También puede pegar el código SVG directamente con el botón de pegar.
  2. Seleccionar elementos: Haga clic en cualquier elemento del lienzo o use la pestaña Elementos a la derecha para seleccionarlo. El elemento seleccionado quedará resaltado.
  3. Editar propiedades: Utilice el panel Propiedades para cambiar el color de relleno, el trazo, la opacidad y las transformaciones. Todos los cambios se actualizan en tiempo real.
  4. Colores globales: Cambie a la pestaña Elementos y haga clic en cualquier color en la paleta Colores globales para reemplazar todas las instancias a la vez: perfecto para la combinación de colores de marca.
  5. Editar código: Cambia a la vista de código para editar directamente el marcado SVG. Usa la vista dividida para ver el lienzo y el código en paralelo.
  6. Exportar: Descarga tu ícono editado como SVG o expórtalo como PNG/JPG con tamaños predefinidos (64, 128, 256 y 512 px). Para usarlo como favicon, expórtalo a 256 px y conviértelo con nuestro... Convertidor de PNG a ICO.

Caracteristicas

Edición de color de iconos

Cambia los colores de relleno y trazo con el selector de color. Reemplaza los colores globalmente para que coincidan con la paleta de tu marca en todos los elementos.

Control de carrera

Ajuste el ancho del trazo, el límite de línea, la unión de línea y la opacidad para obtener un control preciso sobre los contornos y bordes de los íconos.

Transformar elementos

Rota y escala elementos individuales. Todas las transformaciones son no destructivas y cuentan con compatibilidad total con deshacer y rehacer.

Editor de código

Visualiza y edita código SVG sin formato con formato de sintaxis. Usa la vista dividida para ver los cambios en tiempo real.

Exportaciones múltiples

Exporte como SVG optimizado o como PNG/JPG con dimensiones y calidad personalizadas. Utilice nuestro SVG a ICO herramienta para la conversión de favicon.

Privacidad primero

Todo el procesamiento se realiza en tu navegador. Tus archivos nunca salen de tu dispositivo: sin subidas, sin seguimiento, sin almacenamiento.

Preguntas Frecuentes

SVG (Gráficos Vectoriales Escalables) es un formato de imagen vectorial basado en XML. A diferencia de las imágenes rasterizadas como PNG or JPGLos íconos SVG se pueden escalar a cualquier tamaño sin perder calidad, lo que los hace ideales para sitios web, aplicaciones e interfaces de usuario. También puedes convertir entre formatos usando nuestro convertidores de imágenes.

Seleccione un elemento haciendo clic en él en el lienzo o en la pestaña Elementos. Luego, use la pestaña Propiedades para cambiar los colores de Relleno y Trazo. Para cambios masivos, cambie a la pestaña Elementos y use la paleta Colores Globales para reemplazar todas las instancias de un color a la vez, ideal para combinar con los colores de su marca.

¡Sí! Haz clic en los botones PNG o JPG en el área de exportación. Puedes elegir tamaños predefinidos (64, 128, 256, 512 px), perfectos para crear faviconos e íconos de apps. Para el formato ICO, exporta como PNG y usa nuestro Convertidor de PNG a ICO, o conviértalo directamente con nuestro Convertidor de SVG a ICO. También puedes usar nuestro Convertidor de SVG a PNG para conversiones por lotes.

Por supuesto. Toda la edición se realiza directamente en tu navegador mediante JavaScript. Tus iconos SVG nunca se suben a ningún servidor, lo que garantiza la total privacidad de tu trabajo. Esto es similar a nuestras herramientas del lado del cliente, como... anotador de imágenes y Compresor SVG.

¡Sí! Cambia a la vista de Código usando los botones de la barra de herramientas. Puedes ver, editar y formatear el marcado SVG sin procesar. Haz clic en "Aplicar cambios" para ver tus cambios reflejados en el lienzo. Usa la vista dividida para trabajar con el lienzo visual y el código simultáneamente. Para un análisis SVG más profundo, prueba nuestro Analizador SVG .

El editor admite archivos SVG de hasta 10 MB. Para un rendimiento óptimo con iconos, recomendamos mantener los archivos por debajo de los 500 KB. Los archivos SVG muy complejos con miles de rutas pueden experimentar una edición más lenta. Para reducir el tamaño del archivo, prueba nuestro Compresor SVG Antes de editar.

El editor admite varios atajos de teclado: Ctrl+Z para deshacer, Ctrl+Y o Ctrl+Mayús+Z para rehacer, Esc para deseleccionar el elemento actual o cerrar ventanas modales, y Supr para eliminar el elemento seleccionado. Estos atajos ayudan a agilizar significativamente el flujo de trabajo de edición.