Scalable vector graphics (SVG) are graphics defined by geometric paths.
Most images you see on the web (png, jpg, etc) are bitmaps, which store a color value for each pixel.
If the image is scaled up, it becomes pixelated and blurry because there is not enough information about how to color the extra pixels.
An SVG is drawn from instructions in the file that define the path, stroke, and fill that make up the image.
This lets an SVG scale to any size without distortion.
Level
Topics
Resources