Scalable Vector Graphics (SVG) is a 2D vector image format based on anXML syntax.

TheW3C began work on SVG in the late 1990s, but SVG only became popular whenInternet Explorer 9 came out with SVG support. All majorbrowsers now support SVG.

Based on anXML syntax, SVG can be styled withCSS and made interactive usingJavaScript. HTML allows direct embedding of SVGtags in anHTML document.

As avector image format, SVG graphics can scale infinitely, making them invaluable inresponsive design, since you can create interface elements and graphics that scale to any screen size. SVG also provides a useful set of tools, such as clipping, masking, filters, and animations.

See also

• SVG section in the Image file type and format guide
• SVG documentation on MDN
• Other image formats (glossary terms):GIF,JPEG,PNG,WebP
• HTML images (Learn web development)
• Adding custom icons to your site
• Including vector graphics in HTML
• SVG on Wikipedia
• SVG Primer on w3.org