rotar SVG

Rotar y voltear SVG

Gira un SVG en pasos de 90° o refléjalo en cualquier sentido. El dibujo se envuelve en una sola transformación, así que cada trazado del archivo queda tal como lo dejó quien lo diseñó.

rotar SVG

☞ funciona por completo en tu navegador — no se sube nada

Suelta tu SVG aquí

o haz clic para buscar — solo SVG

una línea de transform

Qué pasa al rotar un SVG

Rotar una foto significa remuestrear todos los píxeles. Rotar un SVG significa escribir una transformación: el dibujo se envuelve en un grupo que gira alrededor del lienzo, y el lienzo — el viewBox junto con width y height — intercambia sus dos lados cuando el giro es de 90° o 270°. Ni una sola coordenada de tus trazados se reescribe.

Por eso también el resultado es exacto. No hay interpolación, ni bordes blandos, ni desviación tras cuatro giros: cuatro cuartos de vuelta te devuelven el archivo original, byte a byte.

tres pasos

Cómo rotar o voltear un SVG

01

Suelta el SVG

Elige un archivo .svg — se queda en tu dispositivo.

02

Gíralo o refléjalo

Avanza en pasos de 90°, voltea cualquier eje o combina ambos.

03

Descarga

El mismo diseño, con otra orientación.

respuestas rápidas

Preguntas frecuentes sobre rotar y voltear SVG

¿Puedo rotar un ángulo cualquiera?

Aquí no. En pasos de 90° el lienzo sigue ajustándose exactamente al dibujo; a 37° no lo haría, y harían falta márgenes, un viewBox mayor y una decisión sobre qué hacer con las esquinas. Los pasos de 90° cubren los casos reales — girar un icono, arreglar una exportación tumbada — con un resultado exactamente previsible.

¿Cambia mucho el archivo?

Apenas. Se añade un elemento de grupo con un atributo transform y se actualizan el viewBox y los atributos de tamaño. Trazados, degradados, clases e ids quedan intactos.

¿Por qué el volteo cambia de dirección después de rotar?

No cambia: sigue lo que ves. Horizontal siempre refleja de izquierda a derecha en pantalla, lo que tras un cuarto de vuelta corresponde a otro eje del archivo original. Es el comportamiento que se espera de un editor de imágenes.

¿Qué pasa con el title de mi SVG?

Los elementos title, desc, style, metadata y defs se quedan en el nivel superior, donde deben estar. Solo el dibujo entra en el grupo rotado, así que los lectores de pantalla siguen anunciando la imagen igual.

Mi archivo no tenía viewBox

Se le añade uno que coincide con el width y el height del archivo. Sin viewBox no hay lienzo que pueda intercambiar lados, y un cuarto de vuelta empujaría el dibujo fuera del área visible.

¿Se sube mi archivo?

No. El archivo se analiza y se reescribe en tu navegador.