Can I download a QR code as an SVG for free?

Yes. SVG export is available on every QRKIT plan including Free — the format picker is not plan-gated, and vector downloads are never resolution-clamped. You do need a free account to download the file: QRKIT does not hand a file to a signed-out visitor. So the honest sequence is design it free in the generator, create a free account, then download the SVG. The 1024px ceiling on the Free plan applies to PNG only, because a PNG has a pixel count to cap in the first place. An SVG does not.

Is a vector QR code the same thing as an SVG QR code?

In practice, yes — "vector" describes how the file records the code (as shapes rather than pixels) and SVG is the vector format you will actually be handed. QRKIT gives you three vector files in total, but not from the same place: SVG comes from the generator, and a true-vector PDF and a true-vector EPS come from the dashboard download once the code is saved. The generator's own PDF is not vector — it wraps a raster image of your code, 1024px on its longest edge, centred on an A4 page. So if someone asks you for "the vector", send the SVG unless they named PDF or EPS specifically.

I wanted a vector QR code illustration for a mockup, not an export. What should I use?

Search results for "qr code vector" mix two different needs: a vector export of a working code, and stock artwork of a QR-code-shaped square. QRKIT does the first and does not sell the second. If the graphic is purely decorative — a slide, an icon set, a texture — a stock illustration is a design-asset purchase and not something a QR generator provides. But if the graphic sits in a layout that will eventually become a real code, generate a real one now instead — that is what our placeholder QR codes are for. It costs nothing beyond a free account, it genuinely scans when someone in the review tries it, and the destination of a dynamic code can be changed later without touching the artwork. Budget the slot, though: a URL code is dynamic, and the Free plan covers one dynamic code with 100 scans a month counted across your whole account — past that it stops redirecting until the month resets. Fine for a comp nobody has printed; worth a paid plan by the time the code ships.

How do I convert a PNG QR code to SVG?

Do not trace it. Running a PNG through an auto-tracer produces wobbly, slightly rounded module edges and a bloated path count, and the result often scans worse than the original. A QR code is generated from data, so the correct move is to regenerate it from the same content rather than convert the picture. Paste the same URL or text into the generator, restyle it, and export SVG — you get mathematically exact modules instead of an approximation of a screenshot. Tracing is only a last resort when the original data is genuinely lost, and you should scan-test the result before using it.

Is an SVG QR code better than a PNG?

For anything that gets resized, printed, or edited, yes. An SVG stores the code as shapes, so it redraws cleanly at any size and there is no DPI decision to make. For a fixed display size — an email signature, a social post, a web image at known dimensions — a PNG is simpler and every tool accepts it without fuss. The practical rule: if you know the exact pixel size it will be shown at, PNG is fine; if you do not, or if a printer or designer is involved, send the SVG.

Does my logo stay vector inside the SVG?

The QR modules, eyes and frame are always vector paths. The logo is a separate matter, because it is embedded as an image rather than redrawn as paths. QRKIT's built-in brand logos are SVG files, so those stay vector inside the download. Your own logo uploads accept PNG, JPG and WebP, so an uploaded logo is embedded as a bitmap: the code around it scales perfectly while the logo itself stays a raster image at the resolution you supplied. If you are producing large-format print, upload the logo at a generous resolution.

Can I open and edit the SVG in Illustrator, Inkscape or Figma?

Yes — all three open it directly, as do Affinity Designer and Sketch. Because the file is paths rather than pixels, you can recolour modules, change the background, place it in a larger layout, or convert it to a compound shape. Two cautions: keep the quiet zone (the clear margin around the code) intact, and never non-uniformly stretch the code — scale it proportionally. Rescan the code after editing, since a recolour that drops contrast is the most common way a hand-edited QR stops working.

Can I embed the SVG directly in HTML or CSS?

Yes, and it is usually the best option for a QR code on a web page. Pasting the SVG markup inline avoids an extra network request, lets you restyle the code with CSS, and keeps it crisp on high-density screens with no need for 2x and 3x variants. You can also reference the file with a normal image tag or as a CSS background. If you inline it, give the element an accessible label so screen-reader users learn where the code leads.

Is the PDF from the generator vector too?

No — and this is worth knowing before you send artwork to a printer. In the generator, SVG is the only true-vector export: the PDF produced there is a fixed-resolution image placed on a page, which is fine as a proof but not something to scale up. True-vector PDF and EPS come from the dashboard download for a saved code. So from the generator, download SVG; if you specifically need a vector PDF or EPS, save the code first and download it from your dashboard.

Where do I get an EPS instead of an SVG?

EPS comes from the dashboard download dialog for a code you have saved, alongside SVG, PNG and PDF. The generator's format picker offers PNG, SVG and PDF only, so there is no EPS option before a code is saved. EPS is worth asking for only when a pre-press workflow or an older Illustrator pipeline specifically requires it — for most print jobs today an SVG or a vector PDF is what the printer actually wants.

Get Started Free

QR Code SVG — Download Your Code as a True Vector File

Export your QR code as a real vector SVG — infinitely scalable, editable in Illustrator, Inkscape or Figma, and never resolution-capped. SVG is free on every QRKIT plan, including Free. Design it free, then download it with a free account.

Create your QR code Read the FAQ

Vector formats are never resolution-clamped on any plan. The 1024 px ceiling on the Free plan applies to PNG only.

Vector vs raster

What an SVG QR Code Actually Is

SVG stands for Scalable Vector Graphics. Instead of recording what colour each pixel should be, it records the shapes themselves — “draw a black square here, this big”. For a QR code, which is nothing but a precise grid of squares, that is a near-perfect fit. Four consequences follow, and they are the whole reason designers and printers ask for the SVG.

It scales forever. A PNG stores a grid of pixels, so enlarging it past its native size softens every module edge. An SVG stores the code as shapes, so the same file is correct on a business card and on the side of a van.
There is no DPI decision to make. Raster print forces you to pick a resolution up front and live with it. A vector file renders at the output device's own resolution, so the question simply does not come up.
The paths stay editable. Modules, eyes and background are real objects. You can recolour them, restyle the frame, or drop the code into a larger layout without ever re-exporting from a generator.
The file is usually tiny. A QR code is a few hundred rectangles, which is far less data than a high-resolution bitmap of the same code — useful when it ships inside a web page.

The one thing a vector file does not change is how big the code needs to be in the physical world. Scaling is free, but a code still has to be large enough to scan at its viewing distance — that is a QR code sizing question, not a file-format one.

QR code vector

“QR Code Vector” Means Two Different Things

Search for a QR code vector and you are one of two people. Either you want a vector export— a real, scannable code carrying your own link, written out as shapes so it survives any size — or you want a vector illustration, a decorative QR-shaped graphic from a stock library to drop into a poster comp, an icon set or a slide. This page is about the first one, and QRKIT does not sell the second. The distinction matters more than it sounds, because the two files are not interchangeable.

A vector export carries your data. The code is computed from the link, text or details you type in, so every module position encodes your content and scanning it goes where you sent it. The vector part only describes how the file is written down.
A stock illustration cannot carry your data. A QR-shaped graphic drawn before you arrived has no way to hold your link, and nothing about it guarantees it is a valid, scannable symbol in the first place. It is fine as decoration and wrong as artwork you ship on packaging or signage.
If you want a code-shaped graphic for a mockup, generate a real one. It costs nothing beyond a free account, it actually scans when someone in the review tries it, and the destination of a dynamic code can be changed later without touching the artwork. That is the whole idea behind a placeholder code. Budget the slot, though: a URL code is dynamic, and the Free plan covers one dynamic code with 100 scans a month counted across your whole account — past that it stops redirecting until the month resets. Fine for a comp nobody has printed; worth a paid plan by the time the code ships.

Which vector files QRKIT actually produces

In the generator, SVG is the only true vector. The PDF offered there wraps a raster image of your code — 1024 pixels on its longest edge — centred on an A4 page: useful as a proof, but it will not scale past that resolution. Once a code is saved, the dashboard download adds a true-vector PDF and a true-vector EPS next to the SVG. So: SVG from the generator, and the dashboard when a printer asks by name for vector PDF or EPS.

Wanted a vector barcode instead?

The barcode generator covers 14 formats — ten linear symbologies plus Data Matrix, GS1 Data Matrix, PDF417 and Aztec — and exports SVG, PNG and PDF. Its PDF is drawn as real paths on a page sized to the barcode, so unlike the QR generator's PDF it is genuine vector. Barcode downloads need no account at all.

If a mockup is what you are after, take the honest shortcut: our placeholder QR codes for mockups are generated codes you can download as SVG and swap for the live destination later. And if you are chasing a designed code rather than a plain one, the custom QR code generator and templates feed the same generator, so the export options are identical.

Step by step

How to Download a QR Code as an SVG

Two surfaces hand you an SVG, and they are not identical. Here is the honest version of each.

From the generator

Enter your content in the QR code generator and style it however you like — colors, module shapes, frames and a logo are all free while you design. Once the code previews, a file-format picker appears offering PNG, SVG and PDF. Choose SVG. In the generator, SVG is the only true-vector export: the PDF there is a fixed-resolution image placed on a page, which works as a proof but will not scale up.

From your dashboard

For a code you have saved, the dashboard download dialog adds two more options: SVG, PNG, PDF and EPS, where the PDF and EPS are genuine vector rather than a wrapped bitmap. This is the surface to use when a print shop or a pre-press workflow asks specifically for a vector PDF or an EPS file. Two parts are baked to a high-resolution raster on the way into those two formats, for compatibility with the PDF engine: an embedded logo, and the module layer of a code that uses a gradient and a frame together. The SVG download is never affected.

What a free account gets you

Designing is free and needs no account. Downloading the file does require a free QRKIT account — we do not hand a file to a signed-out visitor. Once you are signed in, SVG export is available on every plan including Free: the format picker is not plan-gated, and vector downloads are never resolution-clamped. That is the part most freemium generators charge for. The Free plan's 1024 px ceiling applies only to PNG, because a raster file is the only one with a pixel count to cap. See plans and limits.

After the download

What to Do With the SVG File

An SVG is not a dead end like an exported PNG — it is a working file. Here is where it goes and what it lets you do once it is there.

Illustrator, Inkscape, Affinity Designer, Sketch. Open the SVG directly and it arrives as editable paths. Recolour the modules, adjust the frame, or convert to a compound shape. Scale proportionally only, and keep the quiet zone clear.
Figma. Drag the file straight onto the canvas. It becomes a vector layer you can resize freely inside a mockup without the blur a placed PNG would pick up.
InDesign and print handoff. Place the SVG into your layout, or hand the file to a print shop as-is. Vector is what they would ask you for anyway.
Canva. Upload the SVG like any other asset and it stays sharp at any frame size, however large you scale the frame.
Web pages. Reference it with an image tag, use it as a CSS background, or paste the markup inline to skip a network request and restyle the code with CSS.
Recolouring by hand. The SVG is text under the hood, so editing the fill values in a code editor recolours the code without any design software at all. Keep the code dark on a light background — a low-contrast recolour is the most common way a hand-edited QR stops scanning.

Adding a logo? The modules stay vector regardless. Logo uploads accept PNG, JPG and WebP, so an uploaded logo is embedded as a bitmap inside the SVG — upload it at a generous resolution if the code is going to large-format print. See QR codes with a logo for how that works.

Sending it to a printer? The guide to printing QR codes covers DPI, materials, printer settings and the proof test once the format question is settled. Working in Canva or Adobe instead? Both have their own walkthrough.

Which file

SVG vs PNG vs PDF vs EPS — Which Should You Download?

Scoped to the only question that matters at the download button. If you are weighing physical print mechanics instead, the printing guide goes deeper; for physical dimensions and quiet zone, see QR code size.

Format	Download it when	Where you get it
SVG	Anything that will be resized, printed or edited. The default answer.	Generator and dashboard
PNG	The display size is known and fixed — web images, email signatures, social posts.	Generator and dashboard (Free caps at 1024 px)
PDF	A printer explicitly asks for a PDF. Use the dashboard version — the generator's PDF is a raster proof.	Dashboard (true vector)
EPS	An older pre-press or Illustrator pipeline requires it. Rarely needed today.	Dashboard only

One disambiguation worth making: this page is about the export formatof the QR code image. If instead you want a QR code that opens a PDF document when scanned, that is a different job — see PDF to QR code.

SVG & vector QR code generator

Using QRKIT as an SVG QR Code Generator

Most tools that call themselves an SVG QR code generator produce a plain black-and-white code and stop there. QRKIT exports the styled code as vector: custom module shapes, custom eye shapes, gradients, colors and frames all survive into the SVG as real paths rather than being flattened into a bitmap. A logo is the one exception — it is embedded as an image rather than redrawn as paths, so a built-in brand logo stays vector while an uploaded PNG or JPG stays a bitmap. That matters because the styling is usually the reason you wanted a vector file in the first place — a designed code that pixelates at poster size is no better than a plain one.

Every QR type can be exported as SVG. And because vector output is never resolution-clamped, the file you download on the Free plan is the same file you would download on a paid one — paid plans add code volume, analytics and bulk export, not a better SVG.

Create your QR code Compare plans

SVG QR Codes — Frequently Asked Questions

: Yes. SVG export is available on every QRKIT plan including Free — the format picker is not plan-gated, and vector downloads are never resolution-clamped. You do need a free account to download the file: QRKIT does not hand a file to a signed-out visitor. So the honest sequence is design it free in the generator, create a free account, then download the SVG. The 1024px ceiling on the Free plan applies to PNG only, because a PNG has a pixel count to cap in the first place. An SVG does not.
: In practice, yes — "vector" describes how the file records the code (as shapes rather than pixels) and SVG is the vector format you will actually be handed. QRKIT gives you three vector files in total, but not from the same place: SVG comes from the generator, and a true-vector PDF and a true-vector EPS come from the dashboard download once the code is saved. The generator's own PDF is not vector — it wraps a raster image of your code, 1024px on its longest edge, centred on an A4 page. So if someone asks you for "the vector", send the SVG unless they named PDF or EPS specifically.
: Search results for "qr code vector" mix two different needs: a vector export of a working code, and stock artwork of a QR-code-shaped square. QRKIT does the first and does not sell the second. If the graphic is purely decorative — a slide, an icon set, a texture — a stock illustration is a design-asset purchase and not something a QR generator provides. But if the graphic sits in a layout that will eventually become a real code, generate a real one now instead — that is what our placeholder QR codes are for. It costs nothing beyond a free account, it genuinely scans when someone in the review tries it, and the destination of a dynamic code can be changed later without touching the artwork. Budget the slot, though: a URL code is dynamic, and the Free plan covers one dynamic code with 100 scans a month counted across your whole account — past that it stops redirecting until the month resets. Fine for a comp nobody has printed; worth a paid plan by the time the code ships.
: Do not trace it. Running a PNG through an auto-tracer produces wobbly, slightly rounded module edges and a bloated path count, and the result often scans worse than the original. A QR code is generated from data, so the correct move is to regenerate it from the same content rather than convert the picture. Paste the same URL or text into the generator, restyle it, and export SVG — you get mathematically exact modules instead of an approximation of a screenshot. Tracing is only a last resort when the original data is genuinely lost, and you should scan-test the result before using it.
: For anything that gets resized, printed, or edited, yes. An SVG stores the code as shapes, so it redraws cleanly at any size and there is no DPI decision to make. For a fixed display size — an email signature, a social post, a web image at known dimensions — a PNG is simpler and every tool accepts it without fuss. The practical rule: if you know the exact pixel size it will be shown at, PNG is fine; if you do not, or if a printer or designer is involved, send the SVG.
: The QR modules, eyes and frame are always vector paths. The logo is a separate matter, because it is embedded as an image rather than redrawn as paths. QRKIT's built-in brand logos are SVG files, so those stay vector inside the download. Your own logo uploads accept PNG, JPG and WebP, so an uploaded logo is embedded as a bitmap: the code around it scales perfectly while the logo itself stays a raster image at the resolution you supplied. If you are producing large-format print, upload the logo at a generous resolution.
: Yes — all three open it directly, as do Affinity Designer and Sketch. Because the file is paths rather than pixels, you can recolour modules, change the background, place it in a larger layout, or convert it to a compound shape. Two cautions: keep the quiet zone (the clear margin around the code) intact, and never non-uniformly stretch the code — scale it proportionally. Rescan the code after editing, since a recolour that drops contrast is the most common way a hand-edited QR stops working.
: Yes, and it is usually the best option for a QR code on a web page. Pasting the SVG markup inline avoids an extra network request, lets you restyle the code with CSS, and keeps it crisp on high-density screens with no need for 2x and 3x variants. You can also reference the file with a normal image tag or as a CSS background. If you inline it, give the element an accessible label so screen-reader users learn where the code leads.
: No — and this is worth knowing before you send artwork to a printer. In the generator, SVG is the only true-vector export: the PDF produced there is a fixed-resolution image placed on a page, which is fine as a proof but not something to scale up. True-vector PDF and EPS come from the dashboard download for a saved code. So from the generator, download SVG; if you specifically need a vector PDF or EPS, save the code first and download it from your dashboard.
: EPS comes from the dashboard download dialog for a code you have saved, alongside SVG, PNG and PDF. The generator's format picker offers PNG, SVG and PDF only, so there is no EPS option before a code is saved. EPS is worth asking for only when a pre-press workflow or an older Illustrator pipeline specifically requires it — for most print jobs today an SVG or a vector PDF is what the printer actually wants.