Developer embed code

QR Code Embed Code Generator

Q: data-URI or inline SVG?

Prefer SVG on the web: vector-sharp at any size, usually smaller, and recolourable with CSS. Use a PNG data-URI for email templates, older clients, or anywhere a bitmap is required — it has the widest compatibility.

Q: Can I use the generated code commercially?

Yes — freely, with no watermark, no attribution and no limits. QR codes themselves aren't our intellectual property, and whatever you encode is yours.

Export a data-URI, an img tag, inline SVG or a React snippet in one click — all self-contained, with no external image to depend on.

QRDIV's free QR code embed code generator for developers: export a PNG data-URI, a ready-to-paste img tag, inline SVG or a qrcode.react snippet in one click. Every output is self-contained and references no hosted image URL, generated locally in your browser with no watermark.

Generate embed code

Set content and options on the left, switch format and copy on the right.

Content to encode

Image alt text

Only applies to the HTML img format. Writing a clear one helps both accessibility and SEO.

Error correction

Size · 320px

Every format is self-contained: the image is inlined into the code and never points at an image URL on this site or any server. So if this site ever disappears or moves, the codes on your page keep working.

Embed code

Enter content and hit generate

What to know about embedding QR codes

There are several ways to put a code into a project, and the wrong one plants a landmine.

Each format has its placePrefer inline SVG on the web (vector, small, recolourable); use img + data-URI for email and admin exports (best compatibility); use the React component when the content changes.

Why we won't hand you an image URLAn <img src="somesite/qr?d=xxx"> ties your page to someone else's server: when they go down, your codes break — and your code's content becomes a request to them that can be logged. We don't offer that.

Wiring it into ReactInstall qrcode.react and use the snippet from this page; the code is computed in your user's browser with zero network requests. If the content is fixed, inline SVG is leaner.

data-URIs get biggerbase64 inflates the payload by about a third. For the same code, inline SVG is usually noticeably smaller than a PNG data-URI — prefer SVG on the web.

FAQ

Do these snippets call your servers?

Never, not once. The data-URI and inline SVG embed the image itself into the code, and the React snippet computes it in your user's browser. So even if this site disappears, the codes on your page keep rendering — that's deliberate.

data-URI or inline SVG?

Can I use the generated code commercially?