SVG (Scalable Vector Graphics) is an XML-based vector image format for the web. Unlike raster formats such as PNG and JPG, SVG images are made of mathematical paths and shapes, which means they scale to any size without losing quality.
SVG is perfect for logos, icons, illustrations, charts, and any graphic that needs to look sharp at every size. SVG files are typically much smaller than raster equivalents for simple graphics and can be styled with CSS and animated with JavaScript.
SVG is not suitable for photographs or complex images with millions of colors. Rasterizing a photo as SVG would create an enormous file. For photographic content, use JPG or WebP instead.