SVG
SVG, or Scalable Vector Graphics, is an XML-based format for two-dimensional vector graphics.
SVG graphics can contain paths, shapes, text, gradients and filters. Because the graphics are vector-based, they can scale without the pixelation associated with fixed-resolution raster images.
Graphics described as geometry
SVG graphics can contain paths, shapes, text, gradients and filters. Because the graphics are vector-based, they can scale without the pixelation associated with fixed-resolution raster images. In practical terms, SVG belongs to the browser, server or document layer. Knowing that layer is important because it tells you what the term can change, what it cannot change, and where to look when something behaves unexpectedly.
A scalable icon made from paths and shapes
An SVG logo can remain sharp at 24px or 2400px because the artwork is described with geometric paths rather than a fixed pixel grid.
Where SVG stays sharp
You do not need to memorize the term in isolation. It becomes useful when you can recognize it in the tool, browser, file or conversation where the concept is doing real work.
SVG is not just a high-resolution image
SVG, or Scalable Vector Graphics, is an XML-based format for two-dimensional vector graphics. By contrast, A vector graphic is an image built from mathematically described points, lines, curves and shapes rather than a fixed grid of pixels. The two can appear in the same project, but they describe different parts of the work and should not be used as interchangeable labels.
The mistake: forgetting embedded raster content
The common mistake is to use SVG as if it also meant Vector Graphic. That blurs two separate decisions and usually sends troubleshooting in the wrong direction. A better test is practical: Inspect the viewBox and dimensions; a correct viewBox is essential for predictable scaling.
Why vectors fit responsive interfaces
In day-to-day work, SVG matters when scalable shapes need to remain sharp at different sizes. The practical value is not the vocabulary itself; it is being able to identify the right control, file, setting or decision when the concept becomes relevant.
An SVG logo can remain sharp at 24px or 2400px because the artwork is described with geometric paths rather than a fixed pixel grid. That example is useful because it turns the definition into something you can recognize, test and discuss with other people working on the same project.
Related terms worth learning next
Sources and further reading
Use these references when you need documentation-level detail, specifications or product-specific behavior beyond the plain-English explanation above.