Wie extrahiere ich ein SVG aus einer Website?

Die Seite öffnen und auf SVG Export klicken. Es erkennt jedes SVG, bettet die Styles inline ein und ermöglicht den Download einer sauberen Vektordatei – ohne manuelles Wühlen im DOM.

Bleibt das ursprüngliche Styling erhalten?

Ja. SVGs, die per externem CSS gestylt sind, gehen beim Kopieren von Hand oft kaputt. SVG Export bettet diese Styles inline ein, sodass die extrahierte Datei dem entspricht, was auf der Seite zu sehen war.

Kann ich den SVG-Code kopieren, statt ihn herunterzuladen?

Ja. Das SVG-Markup lässt sich direkt in die Zwischenablage kopieren und in Figma, Sketch oder den eigenen Code einfügen.

English Português Español Русский Deutsch

Anwendungsfall

SVGs aus jeder Website extrahieren

Saubere, wiederverwendbare Vektoren aus jeder Seite herausholen.

Zu Chrome hinzufügen

Kostenlos · Kein Konto · Keine Werbung

Ein SVG von Hand zu extrahieren bedeutet, das DOM zu durchsuchen, Markup zu kopieren und zu hoffen, dass die Styles mitkommen. Das gelingt selten – externes CSS bleibt zurück und das Ergebnis sieht falsch aus.

SVG Export übernimmt die Extraktion: Es findet jedes SVG der Seite, bettet die Styles inline ein, die für die korrekte Darstellung sorgen, und liefert eine saubere Datei, die sich direkt in Figma, ein Designsystem oder den eigenen Code übernehmen lässt.

SVG Export listet jedes SVG auf der Seite auf, sodass sich genau die benötigten Grafiken in der Vorschau ansehen und herunterladen lassen.

So funktioniert's

1
Die Seite öffnen

Die Website aufrufen, die die zu extrahierenden SVGs enthält.
2
Mit SVG Export scannen

Auf das Symbol klicken, um jedes Inline- und verlinkte SVG automatisch zu erkennen.
3
Saubere Dateien exportieren

Als SVG mit eingebetteten Styles herunterladen oder den SVG-Code in die Zwischenablage kopieren.

Starke Funktionen

Alles, um SVGs effizient zu extrahieren

Bulk-Export

Alles auswählen, alles herunterladen – jedes SVG der Seite in einem ZIP.

Freie Formatwahl

Export als SVG, PNG oder JPG – das Vektorformat ganz nach Bedarf.

Vor dem Export bearbeiten

Jede Grafik vor dem Speichern umbenennen, skalieren und in der Vorschau prüfen.

Inline-Styles

SVGs, die per externem CSS gestylt sind? Die Styles werden inline eingebettet, damit sie auch außerhalb der Seite korrekt aussehen.

In die Zwischenablage kopieren

SVG-Code sofort kopieren und direkt in Figma, Sketch oder den eigenen Code einfügen.

Pixelgenau

Verlustfreie Vektorextraktion. Was angezeigt wird, wird auch geliefert.

Häufig gestellte Fragen

Wie extrahiere ich ein SVG aus einer Website?: Die Seite öffnen und auf SVG Export klicken. Es erkennt jedes SVG, bettet die Styles inline ein und ermöglicht den Download einer sauberen Vektordatei – ohne manuelles Wühlen im DOM.
Bleibt das ursprüngliche Styling erhalten?: Ja. SVGs, die per externem CSS gestylt sind, gehen beim Kopieren von Hand oft kaputt. SVG Export bettet diese Styles inline ein, sodass die extrahierte Datei dem entspricht, was auf der Seite zu sehen war.
Kann ich den SVG-Code kopieren, statt ihn herunterzuladen?: Ja. Das SVG-Markup lässt sich direkt in die Zwischenablage kopieren und in Figma, Sketch oder den eigenen Code einfügen.

Bereit für ein paar SVGs?

Kostenlos, für Chrome, Firefox und Edge. Kein Konto, keine Einrichtung.