QR Code Generator

Build a scan-safe QR with gradients, organic modules, a transparent logo and custom captions. Export the exact result as PNG or standalone SVG — all processing stays in your browser.

Text or URL
Presetsstarting points
Fill
{{fillStyle==='solid' ? 'Color' : 'Start'}}
End
{{gradientAngle}}°
Background
Color
Modules
Finder eyes
{{margin}} mod
Error correction
Center logolocal only
{{logoName}}
Crop
{{iconScale}}%

Logo uses the active QR fill and gradient direction.

Plate
{{iconBorder}}px
Border color

Circle crop keeps round transparent icons round. Use Q or H for larger logos.

Color
{{topTextScale}}%
{{topTextGap}}%
{{topTextPadding}}%
Color
{{bottomTextScale}}%
{{bottomTextGap}}%
{{bottomTextPadding}}%
Decode a QR imagelocal only
Choose a QR image or drop it here — decoded in your browser.
About this tool

The QR is generated at full resolution then styled — gradients, rounded or dotted modules, a logo — while the underlying data and error-correction level stay untouched, which is why the "scan check" re-decodes the rendered image to confirm it still reads back the original text.

Higher error correction (Q/H) tolerates more visual styling and a bigger logo before scanning breaks, at the cost of a denser code.

Rendering, styling and decoding all happen locally on a canvas in your browser. Nothing — including the content you encode or any image you decode — is uploaded.