.svg File — Scalable Vector Graphics

SVG (Scalable Vector Graphics) is an XML-based vector image format standardized by the W3C. Unlike raster formats that store pixel grids, SVG describes images using geometric shapes, paths, text, and embedded raster images through XML markup. This means SVG images can be scaled to any size without quality loss, making them ideal for logos, icons, illustrations, diagrams, maps, and UI elements that need to look sharp on any display density from mobile screens to 4K monitors. SVG supports CSS styling, JavaScript interactivity, animations (SMIL and CSS), gradients, patterns, clipping paths, masks, and filters. SVG files are plain text and can be edited in any text editor, styled with CSS, manipulated with JavaScript, and compressed with gzip (as .svgz). The format integrates directly into HTML documents and can be styled and animated alongside other page elements. SVG is the standard format for web icons, data visualizations (D3.js), and responsive graphics. Modern icon systems and design tools use SVG as their primary vector format.