SVGs in React (almost everything you need to know)

SVG stands for Scalable Vector Graphic. True to its name, SVGs are infinitely scalable because they use XML syntax. This means they're essentially a set of instructions for the browser (or any program that can interpret them) to render the image. Unlike raster images (like JPEGs), SVGs don't have a fixed number of pixels, so they can be scaled to any size without losing quality.

💡 In the pre-JSON era, XML (Extensible Markup Language) was the primary way to …

browser everything graphic image images react scalable set svg syntax the browser them true vector xml