SVGView

SVG online drehen

SVG-Dateien kostenlos online drehen. Drehen Sie SVGs um 90°, 180° oder 270°, spiegeln Sie sie horizontal oder vertikal und laden Sie das Ergebnis sofort herunter.

Kein SVG geladen. Datei hierher ziehen zum Starten.

Willkommen beim SVG-Editor

SVG-Datei ziehen, auf "Hochladen"/"Icons" klicken oder Strg/Cmd+V zum Einfügen von SVG-Code verwenden

Mit einem Beispiel-Icon starten

Wählen Sie ein Beispiel unten oder laden Sie Ihr eigenes SVG hoch und bearbeiten Sie es.

Warum unser SVG Drehen & Spiegeln Tool verwenden?

Schnelle Winkelrotationen

SVG Rotate bietet Ein-Klick-Drehungen für gängige Winkel, damit Sie die Orientierung schnell anpassen können. Dies hält Kanten scharf und vermeidet manuelle Transformationen im Code. Verwenden Sie es zum Ausrichten von Icons für Tabs, Navigation oder gespiegelte UI-Zustände.

Horizontale und vertikale Spiegelungen

Das Tool spiegelt Grafiken für UI-Richtungswechsel, RTL-Layouts oder Icon-Varianten. Spiegelungen sind präzise und behalten die ursprünglichen Proportionen bei. Dies ist hilfreich, wenn Sie linke und rechte Varianten ohne Neuzeichnung benötigen.

Live-Vorschau

SVG Rotate zeigt Änderungen sofort, damit Sie Abstände und Ausrichtung vor dem Export bestätigen können. Die Vorschau verhindert Überraschungen in der Produktion und beschleunigt Prüfungen. Verwenden Sie einen kontrastierenden Hintergrund, um lose Striche oder Abstände zu erkennen.

SVG oder PNG exportieren

SVG Rotate ermöglicht das Herunterladen eines transformierten SVGs oder den Export eines PNGs für Dokumente und Präsentationen. Dies ist praktisch, wenn schnelle Rasterversionen benötigt werden. PNG-Exporte helfen auch, wenn eine Plattform kein SVG unterstützt. Behalten Sie beide Formate zusammen, damit Teams die richtige Datei wählen können.

ViewBox-kompatible Ausgabe

SVG Rotate behält oder passt den viewBox an, damit das Skalieren nach Transformationen korrekt bleibt. Das hält Layouts in CSS und HTML stabil. Richtige viewBox-Handhabung reduziert auch unerwartetes Beschneiden. Wenn einer Datei ein viewBox fehlt, fügen Sie einen vor dem Drehen hinzu.

Lokale, private Verarbeitung

SVG Rotate läuft vollständig in Ihrem Browser ohne Uploads. Es schützt Client-Assets und funktioniert in eingeschränkten Netzwerken. Lokale Verarbeitung beschleunigt auch Iterationen bei großen Dateien.

SVG drehen oder spiegeln

1

SVG hinzufügen

Datei per Drag & Drop hinzufügen oder SVG-Markup einfügen. SVG Rotate lädt die Quelle lokal und behält den ursprünglichen viewBox bei. Stellen Sie sicher, dass die Grafik für vorhersehbare Ergebnisse zentriert ist. Öffnen Sie SVG-Dateien online und beginnen Sie sofort mit der Verarbeitung.

2

Drehen oder spiegeln

Wählen Sie einen Drehwinkel oder eine Spiegelrichtung und sehen Sie die Vorschau sich sofort aktualisieren. SVG Rotate hält Formen ausgerichtet, damit die Ausgabe scharf bleibt. Wenn Sie zusätzliche Abstände sehen, passen Sie den Quell-viewBox an.

3

Ergebnisse exportieren

Laden Sie das transformierte SVG herunter oder exportieren Sie PNG mit einem Klick. SVG Rotate hält Dateinamen sauber für schnelle Übergabe. Verwenden Sie konsistente Benennung wie icon-arrow-right.svg für Varianten.

FAQ zu SVG online drehen

Wie drehe ich ein SVG online?
Ziehen Sie Ihr SVG in den Editor oben, wählen Sie 90°, 180° oder 270° oder geben Sie einen eigenen Winkel ein und klicken Sie auf Anwenden. Die Vorschau aktualisiert sich sofort, und Sie laden die gedrehte Datei ohne Installation herunter.
Kann ich ein SVG um 90 Grad drehen?
Ja. 90° im Uhrzeigersinn und 90° gegen den Uhrzeigersinn sind je ein Klick. Die viewBox wird automatisch neu eingepasst, damit die Grafik zentriert bleibt und nicht abgeschnitten wird.
Kann ich ein SVG um 180 Grad drehen?
Ja. Mit der Schaltfläche 180° wird die Grafik auf den Kopf gestellt. Bei einer halben Drehung wird die viewBox auf sich selbst abgebildet, bleibt also unverändert, und Ihr Layout verschiebt sich nicht.
Verliert ein SVG beim Drehen an Qualität?
Nein. Die Drehung wird als Transform in die SVG-Datei geschrieben, sodass Pfade, Verläufe und Text in jeder Größe vektorscharf bleiben. Es wird nichts gerastert.
Kann ich ein SVG horizontal spiegeln?
Ja. Horizontales Spiegeln bildet die Grafik links-rechts ab – nützlich für RTL-Layouts, Zurück-Pfeile und gespiegelte Icon-Varianten. Vertikales Spiegeln kehrt sie oben-unten um.
Kann ich ein SVG gleichzeitig drehen und spiegeln?
Ja. Wenden Sie die Transformationen nacheinander an, zum Beispiel erst um 90° drehen und dann horizontal spiegeln. Jeder Schritt baut auf dem aktuellen Ergebnis auf.
Muss ich mich beim Drehen um die viewBox kümmern?
Nein. Breite, Höhe und viewBox werden bei jeder Drehung neu berechnet, damit die exportierte Grafik ihre Proportionen behält und in CSS oder HTML korrekt skaliert. Fehlt der viewBox ganz, nutzen Sie zuerst „viewBox reparieren“.
Kann ich nach dem Drehen PNG exportieren?
Ja. Laden Sie das transformierte SVG herunter oder exportieren Sie ein PNG, wenn Sie eine Rasterversion für Folien, Dokumente oder Chat-Tools ohne SVG-Unterstützung brauchen.
Ist dieser SVG-Rotator kostenlos?
Ja. SVG online drehen ist völlig kostenlos – ohne Anmeldung, ohne Wasserzeichen und ohne Limit für die Anzahl der Dateien.
Lädt SVGView mein SVG hoch?
Nein. Jede Drehung und Spiegelung läuft lokal in Ihrem Browser. Ihre Dateien verlassen Ihr Gerät nie, was das Tool für Kundenarbeit unter NDA und für die Offline-Nutzung geeignet macht.
Gibt es ein Größenlimit?
Dateien bis 10MB funktionieren problemlos. Sehr große oder filterlastige SVGs brauchen eventuell einen Moment; ungenutzte Filter und Pfade zu entfernen beschleunigt das Rendern meist deutlich.

Verwandte SVG-Tools

Kombinieren Sie SVG Rotate mit diesen Tools zum Ändern, Optimieren und Exportieren konsistenter Assets. Diese Helfer halten Assets konsistent über Größen und Orientierungen.

SVG-Größe ändern

Ändern Sie die Größe nach SVG Rotate, damit Abmessungen zu Ihrem Layout-Raster passen. Dies hält Abstände konsistent über Icon-Sätze.

Tool öffnen

SVG-Optimierer

Reduzieren Sie die Dateigröße nach SVG Rotate, um Ausgaben leicht zu halten. Optimierung entfernt auch Editor-Metadaten. Dies hilft beim Verpacken von Assets in Web-Bundles.

Tool öffnen

SVG-Viewer

Vorschau von Assets vor und nach SVG Rotate zur Bestätigung der Ausrichtung. Schalten Sie Hintergründe um, um Transparenz zu prüfen. Verwenden Sie Zoom, um Pixelkanten zu inspizieren.

Tool öffnen

SVG zu PNG

Exportieren Sie PNGs neben SVG Rotate-Ergebnissen, wenn Rasterversionen benötigt werden. Dies hilft beim Teilen von Assets in Präsentationen. Benennen Sie PNGs mit derselben Orientierung für Klarheit.

Tool öffnen

Passender SVG-Blog

Lesen Sie praktische Beiträge zu SVG-Workflows, Fehlerbehebung und Produktion.