SVG to CSS Converter

Alat ini berfungsi untuk mengkonversi atau mengubah kode HTML SVG menjadi kode CSS background. Taruh kode HTML SVG yang ingin diubah pada kolom di bawah ini kemudian klik tombol Konversi. Untuk menyalin hasilnya klik tombol Salin.

External quotes: single / double

About tool

We can use SVG in CSS via data URI, but without encoding it works only in Webkit based browsers. If encode SVG using encodeURIComponent() it will work everywhere.

SVG must have attribute xmlns like this: xmlns='http: //www.w3.org/2000/svg'. If it doesn't exist, it will be added automagically.

Encoded SVG can be used in background, in border-image or in mask.

Insert SVG:

Take encoded:

You may place encoded SVG here to decode it back

Ready for CSS:

Preview:

Background: