URL-encoder for SVG

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.

Insert your SVG:

Take encoded:

Ready for CSS:

Preview:

Background:

Insert your SVG As <img>:

<img src="data:image/svg+xml,DATASVG">

Insert your SVG As CSS:

.logo {
  background: url("data:image/svg+xml,DATASVG");
}

Insert your SVG As <object>:

<object type="image/svg+xml" data="data:image/svg+xml,DATASVG">
  fallback
</object>

More Free svg: https://www.flaticon.com/