CSS-zu-SVG-Konverter
Hol das SVG aus einer Data-URI in deinem CSS, egal ob URL-kodiert oder Base64, und erhalte sauberen SVG-Code.
Eingabe
Du kannst auch eine Datei ins Feld ziehen.
Ergebnis
Vorschau
Hier erscheint die Vorschau.
Alles passiert in deinem Browser. Deine Daten verlassen dein Gerät nicht.
Worum geht’s?
Viele Stylesheets enthalten Icons und Muster als eingebettete SVG-Data-URIs. Der Konverter findet die erste SVG-Data-URI in deinem CSS, dekodiert sie und zeigt dir den ursprünglichen SVG-Code, damit du ihn wieder bearbeiten kannst.
So geht’s
Füge eine CSS-Regel, einen url()-Wert oder die nackte Data-URI ein. Daneben erscheint das SVG, bereit zum Kopieren oder als SVG-Datei zum Herunterladen.
Häufige Fragen
- Welche Formate werden erkannt?
- Data-URIs vom Typ image/svg+xml, URL-kodiert oder in Base64, in doppelten, einfachen oder ganz ohne Anführungszeichen.
- Mein CSS enthält mehrere Bilder. Welches erhalte ich?
- Die erste SVG-Data-URI. Willst du eine andere, füge nur die passende Regel ein.
- Kann ich das SVG bedenkenlos verwenden?
- Die Vorschau zeigt das SVG als Bild, Scripts darin laufen hier also nie. SVG aus unbekannten Quellen prüfst du am besten, bevor du es direkt in deine Seiten einbaust.