Free Online QR Code Generator with Logo & Gradients

A QR code doesn’t have to be a black-and-white afterthought stamped in the corner of a flyer. This editor treats it as a piece of graphic design: choose the shape of the modules, fill them with a gradient, restyle the corner markers, place your logo in the middle — and watch the live preview update as you type.

Everything runs in your browser. The text you encode, the logo you upload and the finished image are processed locally on your device and are never sent to a server. There is no account, no watermark and no paywall.

From plain squares to a branded code

Each control in the editor changes one specific layer of the code:

• Render style — solid color, linear gradient, radial gradient or a full rainbow sweep. Gradients read best when both colors stay dark; the preview shows immediately if a combination gets too light.
• Dot style — the small data modules can be drawn as classic squares, circles or rounded squares. Rounded modules soften the look without changing what the code contains.
• Eye style — the three large squares in the corners (the “eyes”) are what a phone camera locks onto first. You can restyle them independently of the data modules.
• Variable opacity — modules are drawn at slightly different intensities, the effect YouTube uses on its QR codes. It adds texture while keeping the dark/light boundaries a scanner needs.
• Logo — upload any image into the center, scale it, and optionally round its corners (0 % keeps it square, 50 % makes it a circle).
• Pixelate from image — upload a photo or artwork and the modules take their colors from its pixels, turning the code into a mosaic of the image. A blend slider mixes the image colors with your base color, and you can let a faded version of the image fill the background too.
• Export — download as PNG at the exact pixel size you set, or as SVG when you need a vector for large-format print.

Error correction: the budget every design decision spends

QR codes carry redundant data (Reed–Solomon error correction) so they still scan when partially covered or damaged. You choose how much redundancy to include:

Level	Recovers up to	When to use
Low	7 %	Clean digital use, no logo, maximum data capacity
Medium	15 %	Default for simple printed codes
Quartile	25 %	A small logo or decorative styles
High	30 %	A larger logo, variable opacity, or codes printed small

Think of it as a budget: a centered logo covers modules, a light gradient reduces contrast, small print blurs edges — each spends part of the reserve. A logo at 25 % size together with Low correction usually breaks the code; the same logo with High correction scans fine. When in doubt, raise the level and do a test scan with your phone before sending anything to print.

What you can encode

The input field takes any text, and scanning apps recognize a number of standard payload formats:

• Web address — https://example.com opens the browser.
• Wi-Fi access — WIFI:S:NetworkName;T:WPA;P:password;; lets guests join your network without typing the password.
• Phone / SMS / e-mail — tel:+15551234567, SMSTO:+15551234567:Hello or mailto:hi@example.com.
• Contact card — paste a vCard or MECARD block and phones offer to save the contact.
• Plain text — anything else is simply displayed after scanning.

The result is always a static QR code: the data lives directly in the pattern of squares. There is no shortlink or redirect service in between, which means the code never expires, keeps working regardless of this site, and nobody can count or track your scans.

Creating a code takes three steps

1. Type or paste the content into the Text or URL field — the preview appears as you type.
2. Style it: size, colors, render style, dot and eye shapes, logo.
3. Download the PNG (or SVG for print) and use it anywhere, including commercially.

---

Frequently Asked Questions (FAQ)

Is it really free, even for commercial use?

Yes. The codes you generate are yours: use them on packaging, business cards, posters or ads without attribution, limits or expiration. Nothing here is a trial that later locks your code behind a payment.

What's the difference between static and dynamic QR codes?

Dynamic codes point to a shortlink whose destination can be edited later and whose scans are counted — but they stop working if the shortlink provider shuts down or your plan ends. This tool makes static codes: the content is encoded permanently in the image itself. You can't edit it after printing, but it can never expire and no third party sits between your customer and your content.

My code stopped scanning after I added a logo. What now?

Raise the error correction to Quartile or High and keep the logo at or below about 25 % of the code's size. The logo physically covers data modules, and only a sufficient error-correction reserve lets the scanner reconstruct what's hidden underneath.

Should I download PNG or SVG?

PNG is ready for the web, documents and most print jobs — just generate it at a generous size (1000 px or more for posters). SVG is a vector: it stays perfectly sharp at any scale, which makes it the safer choice for large formats and professional print workflows. Note that the pixelate-from-image effect is raster by nature, so it exports best as PNG.

Are colored and rainbow codes reliable?

Modern phone cameras handle them well as long as the modules stay clearly darker than the background. Problems appear with low contrast (yellow on white) and with inverted codes (light modules on dark). Keep the dark-on-light rule, and test scan the actual printed piece — not just the screen — before a large print run.

Is it safe to put a Wi-Fi password in here?

The code is generated by JavaScript running on your own device. The password — like everything else you type — is never transmitted anywhere, so there is no server log to leak it. The finished image itself does contain the password, of course, so share the printed code only with people who should have access.