QR Code

Custom QR Code Styler

Add colors, gradients, shapes, and a logo to your QR code. Tune error correction, margins, and export as SVG or PNG — all in your browser.

HotClient-side onlyFast & private

Input

Text / URL

Size (px)

Margin (px)

Error correction

Colors

Use gradient fill

Blends two colors across modules

Foreground A

Foreground B

Gradient type

Angle (deg)

Background

Dot shape

Eyes (finder patterns)

Corners (square)

Corners (dot)

Logo

Logo size (0.1–0.6)

Logo margin (px)

Hide dots behind logo

Improves readability around the image

Tip

Dense designs need higher error correction (Q/H). Keep adequate margin and test with multiple scanners.

Output

Preview

Gradient • M • rounded

https://example.com

How to Use

Paste your text or URL in the input box.
Set size, margin, and error correction (ECC).
Choose dot and eye shapes, then pick colors (solid or gradient with angle).
(Optional) Upload a logo, adjust size & margin, and hide dots behind it.
Use the buttons to Copy SVG or Download as SVG/PNG. Always test the code with several scanner apps.