Minificador de SVG

Reduce archivos SVG, quita los metadatos del editor y el código inseguro y revisa el resultado en una vista previa, directamente en tu navegador.

Acerca de Minificador de SVG

Qué es

Esta herramienta limpia y comprime el código SVG exportado desde Figma, Illustrator u otros editores. Quita los metadatos del editor, redondea las coordenadas a la precisión que elijas y elimina por defecto scripts y manejadores de eventos. Una vista previa en directo y el tamaño antes y después muestran que el icono sigue viéndose igual.

Funciones principales

  • Metadatos de Figma, Illustrator y otros editores eliminados.
  • La precisión de coordenadas que tú elijas.
  • Scripts, manejadores on* y enlaces javascript: eliminados, activado por defecto.
  • Opcional: quitar width/height para un SVG adaptable y cambiar los colores por currentColor.
  • Vista previa con el tamaño antes y después; varios archivos a la vez.

Cómo usarlo

  1. Pega código SVG, suelta uno o varios archivos en el editor o pulsa «Ejemplo».
  2. Elige la precisión de coordenadas y las opciones que necesites.
  3. Revisa la vista previa y el tamaño antes y después.
  4. Copia el resultado, descárgalo o envíalo a otra herramienta.

Cuándo es útil

  • Reducir iconos antes de ponerlos en una web o una app.
  • Limpiar un SVG de un diseñador antes de que entre en el código.
  • Hacer que un icono tome el color del texto que lo rodea.

Privacidad y limitaciones

Tus datos

Tu SVG se procesa en el navegador y no se sube a ningún servidor: el sitio solo recibe un evento anónimo de «herramienta abierta», sin el contenido. Un resultado que envías a otra herramienta se queda 24 horas en este dispositivo, en «Actividad reciente».

Limitaciones

  • La entrada debe ser XML válido con una raíz <svg>; si no, no hay resultado.
  • Si un resultado minificado no se ve bien, se retiene en lugar de mostrarse; prueba con más precisión.

Preguntas frecuentes

¿Es seguro pegar un SVG de origen desconocido?

Un SVG puede llevar scripts. La herramienta quita por defecto <script>, los atributos on* y los enlaces javascript:, y la vista previa se muestra sin ejecutarlos.

¿Qué hace currentColor?

Cambia cada color de fill y stroke por currentColor, así el icono toma el color del texto allí donde lo uses; útil para iconos que deben seguir un tema.

¿Para qué quitar width y height?

Sin width y height fijos, pero con el viewBox conservado, el SVG se adapta al tamaño de su contenedor, que es lo que suele hacer falta en un diseño adaptable.