# SVG QR code generator

> Download your QR code as a true SVG vector file. Infinitely scalable, editable in Illustrator and Inkscape, and what commercial printers ask for.

Source: https://qr-code-build.com/qr-code-svg/  
Last reviewed: 2026-08-24  
Publisher: QR Code Builder

## Summary
An SVG QR code is a vector file: the modules are stored as mathematical shapes rather than pixels, so the code can be scaled to any size with no loss of sharpness. It is the correct format for professional printing and the one most print shops ask for.

## What the format actually buys you
A PNG is a grid of pixels. Enlarge it past its native size and the edges soften, the decoder's threshold detection gets ambiguous, and scan reliability drops. An SVG describes each module as a shape with exact coordinates, so a 20 mm business card code and a 2 m exhibition banner come from the same file with identical crispness.

| Need | SVG | PNG |
|---|---|---|
| Print at any size | Yes | Only at or below native size |
| Editable colours after export | Yes, in any vector editor | No, pixels are baked in |
| Typical file size | 2–15 KB | 20–400 KB |
| Accepted by commercial printers | Preferred | Accepted with reservations |
| Works in email signatures | Inconsistent | Yes |
| Placed in InDesign or Illustrator | Native | Rasterised |

## What to change safely — and what to never touch
The exported file is clean, readable SVG. Open it in a text editor and you will find a group of `<rect>` or `<circle>` elements inside a single fill group.

Safe to change:

- The `fill` colour on the group — as long as contrast against the background stays strong.

- The `width` and `height` attributes, which are just a display hint over the viewBox.

- The background `<rect>`, including deleting it for transparency.

Never change:

- Individual module positions or sizes. The pattern is a checksum-protected structure; move one square and the code either fails or decodes to something else.

- The `viewBox`, which includes the quiet zone. Cropping it is the most common way a working SVG becomes an unscannable one.

- The three corner finder patterns. Scanners locate the code by these before decoding anything.

## Getting it through a print shop without a phone call
1. Send the SVG, not a screenshot of it.

2. Tell the printer the intended finished width in millimetres. SVG has no inherent physical size.

3. Say whether the quiet zone is included — it is, and it is part of the artwork, not a margin to trim off.

4. Specify a matte finish. Gloss and spot UV over a QR code cause reflection failures under retail lighting.

5. Ask for CMYK conversion of your chosen colour, and check the converted swatch keeps at least 40% relative contrast against the background.

## Frequently asked questions
### Is this a real SVG or a PNG inside an SVG wrapper?
A real one. Every module is a vector element with its own coordinates. Open the file in a text editor and you can read the shapes.

### Can I open the file in Illustrator or Inkscape?
Yes, in both, plus Figma, Affinity Designer, InDesign and CorelDRAW. The shapes are fully editable.

### Why does my SVG look blurry in a browser?
It does not — the browser is showing it at low zoom with anti-aliasing. Zoom in and the edges stay perfect. If it looks blurry in print, something rasterised it along the way.

### Can I change the colour after downloading?
Yes. Change the fill on the group in any vector editor or text editor. Keep dark modules on a light background.

---
Licence: this page may be quoted with attribution to QR Code Builder (https://qr-code-build.com/qr-code-svg/).