QR code SVG is a technique for outputting a QR code in SVG (Scalable Vector Graphics) format. Unlike raster images (PNG, JPEG), SVG is a vector format that draws shapes to fit the display size, so it does not depend on resolution. MDN explains that SVG images can be rendered at any size without losing quality (as of October 2025).
QR codes in SVG format have several technical advantages. First, the file size is not affected by the display or print resolution. Second, SVG embedded directly in HTML becomes a target of CSS styles and is used for dark mode support and for adding hover effects. Third, it can be manipulated from JavaScript as a DOM element, which makes it possible to implement dynamic color changes and animations.
Implementation points when a URL shortener provides QR code SVG include optimizing the path elements in the SVG to reduce redundant data, setting an appropriate aspect ratio with the viewBox attribute, and including the quiet zone (margin) within the SVG. Regarding the quiet zone, DENSO WAVE states that a margin of 4 modules is needed on all four sides of a QR code (as of October 2026). For the download feature, some services also offer options to convert to PNG or PDF in addition to SVG, depending on what users need it for.
For print use, SVG can sometimes be submitted to the printer as is. For web use, embedding it directly in HTML as inline SVG cuts the HTTP requests for fetching images by one.