SVG To CSS Parse

Table of Contents

External quotes: single / double

Help

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.

Code SVG :

Hasil Encode :

Anda juga dapat menempatkan SVG yang disandikan di sini untuk memecahkan kode.

Ready for CSS :

Preview:

Background :