SVG to CSS and Data URI tools SVG to CSS and Data URI tools

SVG to CSS, mask and Data URI online

Paste SVG or load a file to safely clean markup, remove scripts and prepare a compact Data URI.

The tool checks viewBox, dimensions, currentColor, fill and stroke, then generates ready CSS snippets for background-image, mask and inline embedding.

Das Tool läuft direkt im Browser und ist für schnelle Prüfungen ohne Softwareinstallation geeignet.
Die Eingabe kann sofort geleert und neu berechnet werden, was bei wiederkehrenden kleinen Aufgaben praktisch ist.
Nutzen Sie den Vollbildmodus, wenn mehr Platz für langen Text, strukturierte Daten oder große Ergebnisse nötig ist.
Kopierbuttons helfen, Ergebnisse direkt in Code, Dokumente oder Support-Chats zu übernehmen.
Die meisten Operationen sind deterministisch: gleiche Eingaben und Einstellungen liefern das gleiche Ergebnis.
Bei sensiblen Inhalten sind lokale Browser-Tools praktisch, prüfen Sie das Ergebnis dennoch vor dem Teilen.