Design a Custom QR Code with Logo and Colors

This tool is for the times a QR code has to match a brand: a banner, packaging, a menu or a business card. Type the text, then shape the look, module color, background color, a two-color gradient, and square, rounded or dotted cells. The error-correction level (L to H) decides how much damage or covering the code tolerates; if you put a logo in the middle, choose H so scanning still works. The logo appears in the PNG export only and is not embedded in the SVG. Output size is adjustable from 200 to 2048 pixels, and SVG is the better choice for large-format printing or editing in a design app.

This tool runs entirely in your browser. No data is sent to any server.

How to use it

1. 1

   Type the text or link into the box.

2. 2

   Adjust color, shape and size; if you add a logo, set error correction to H.

3. 3

   Download PNG or SVG, then test it with a phone.

Frequently asked questions

Which error-correction level should I use?

M is enough for an ordinary code. If you add a center logo, or print where the code may get scuffed, choose H: the code is denser but tougher.

Is the logo included in the SVG?

No, the logo is drawn in the PNG only. For fully branded SVG, open the file in a design app and add the logo there.

Why will the code not scan?

Usually low contrast between the modules and the background, or an oversized logo. Use dark modules on a light background and shrink the logo.