SVG (Scalable Vector Graphics) is an XML-based markup language for describing two-dimensional vector graphics.^[1] Simply put, SVG is to images what HTML is to text. As the name suggests, SVG allows you to scale the vector image up or down to any extent without losing the image quality, unlike raster images (JPG, GIF, and PNG).

What are the other advantages of the SVG format?

• You can edit SVG files with any text editor or drawing software (like Illustrator or even Figma and Sketch).

• It doesn't lose its quality at any resolution when printed.

• You can animate SVG images and add links to other documents.

To add an SVG image to your HTML page, use the <svg> container element.