Scalable Vector Graphics (SVG)

Scalable Vector Graphics (SVG) is an XML-based vector image format for two-dimensional graphics with support for interactivity and animation….

SVG images and their behaviors are defined in XML text files. This means that they can be searched, indexed, scripted, and compressed. In Modern days most of the websites are using this SVG for make their website more attractive and catchable. It is a language for describing 2D-graphics and graphical applications in XML and the XML is then rendered by an SVG viewer. We can animate those SVG with their path-wise and the SVG is more quality than images or fonts. We can also create logos, icons, backgrounds, patterns, animated backgrounds with this SVG.

If you put SVG in HTML, the page will barf and not even try to render. If you link up an SVG file that has that in it as an <img> or background-image , it won’t barf, but it won’t work. The HTML <svg> element is a container for SVG graphics. SVG has several methods for drawing paths, boxes, circles, text, and graphic images.