SVG-URL-Encoder

Ohne Kodierung können SVGs in CSS als Daten-URI verwendet werden, dies funktioniert jedoch nur in Webkit-basierten Browsern. Die Kodierung mit encodeURIComponent() gewährleistet die Kompatibilität mit allen Browsern.

SVGs müssen das Attribut xmlns enthalten, z. B. xmlns='http://www.w3.org/2000/svg'. Falls nicht vorhanden, wird es automatisch hinzugefügt.

Kodierte SVGs können in den Eigenschaften background, border-image oder mask verwendet werden.