URL-encoder for SVG

External quotes: /
About tool

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/

This site uses cookies and other tracking technologies to assist with your ability to provide feedback, analyze your use of our products and services, and provide content from third parties.