SVG Encoder

Wernayasa April 10, 2022

Not open for further replies.

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 (demos) and border-image (demo).

Insert your SVG:

Take encoded:

Ready for CSS:

Preview:
Background:

Not open for further replies.

EmissionHex

Kick off the New Year with a revolutionary social media platform! New

SVG Encoder

Insert your SVG:

Take encoded:

Ready for CSS:

Preview:
Background:

Kick off the New Year with a revolutionary social media platform! New

Insert your SVG: Example

Take encoded:

Ready for CSS:

Preview:Background: White Silver Black

Insert your SVG:

Preview:
Background: