Styled QR Code Generator

Type a URL or any text. Customise the colours, dot style, and drop your logo in the centre. Export as PNG or SVG. Everything renders on your device.

Content

Size 480 px

Error correction

Dot style

Foreground colour

Use gradient off

Background colour

Transparent

Centre logo (optional)

Logo size 20%

How it works

Built on qrcode-generator (14 kB, lazy-loaded). The library gives us a boolean matrix; we draw the modules to a canvas ourselves with the chosen dot shape, then optionally apply a linear gradient via createLinearGradient. The SVG export builds the same matrix as a hand-written <svg> string with <rect> or <circle> elements.

If you drop a centre logo, the page bumps the error correction to "H" automatically so the QR still scans. Logos up to ~25% of the QR area are usually safe — beyond that, scanners may fail.