About this format
SVG images are just XML documents describing 2D vector graphics. They can be manipulated via CSS and JavaScript.
Example Data
<svg height="100" width="100" xmlns="http://www.w3.org/2000/svg">
<circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />
<rect width="20" height="20" x="40" y="40" fill="white" />
</svg>When to use SVG Image (XML)
- Rendering resolution-independent graphics
- Creating web-native icons
- Adding interactive graphics to HTML