SVG is a vector graphics format that describes shapes, lines, and text using XML. Unlike raster images, SVG graphics scale to any resolution without losing quality. SVG works well for icons, logos, diagrams, and illustrations that must remain crisp on high-density displays.
It can be styled with CSS, making it flexible in web development. Because it is code-based, SVG can be animated or manipulated with JavaScript. SVG files are often smaller than bitmap formats for simple graphics.
They can be edited with design tools or written manually. Search engines and assistive technologies can interpret SVG because it contains semantic structure.
SVG integrates well with responsive design patterns. It is a foundational format for modern web interfaces and scalable UI components.