Free QR Code Designer
Generate styled QR codes from URLs, vCards, WiFi credentials, emails and more. Customize dots, corners, gradients and colors — download as PNG or SVG. Everything runs in your browser, nothing leaves your device.
Berlin = 52.5200, 13.4050
Use High (H) error correction when adding a logo.
What can a QR code contain?
QR codes are not just for URLs. This generator supports seven content types: plain URLs, vCards (contact info scannable directly into your phone), WiFi credentials (tap to join a network instantly), email pre-fills, phone numbers, SMS with preset text, and geographic coordinates that open in maps.
Beyond content, you have full control over the visual design: dot shape, corner eye style, foreground and background colors, gradient overlays, and center logos. Download as lossless SVG for print or PNG for digital use.
How to use this generator
-
1
Pick a content type
Choose URL, vCard, WiFi, Email, Phone, SMS or Geo. Fill in the fields — the QR code updates live.
-
2
Design the style
Choose dot shape, corner eye design, colors. Enable Gradient to blend two foreground colors. Upload a logo for a branded center.
-
3
Adjust quality
Set pixel size (128–1024), quiet zone margin, and error correction. Use High when adding logos.
-
4
Export PNG or SVG
PNG for digital use. SVG is vector — scales infinitely for print, laser engraving, large-format output.
Frequently asked questions
What content types are supported? +
URL/text, vCard (contact), WiFi (SSID + password), Email (with subject and body), Phone number, SMS with pre-filled message, and geographic coordinates (Geo). Each generates the correct QR format so phones can act on them directly.
What is the difference between PNG and SVG? +
PNG is a pixel-based image — great for web, email, and digital use. SVG is a vector format that scales infinitely without quality loss — ideal for print, laser engraving, embroidery, large-format posters, and anywhere you need sharp edges at any size.
How do I add a logo? +
Upload any image via the Logo field. Set Error Correction to High (H) first — QR codes use redundancy to stay scannable even when part of the pattern is obscured. Use a size of at least 400px for best results.
What are dot and corner styles? +
The "dot style" controls how each data module is drawn: square (classic), rounded, dots, classy (outlined). The corner "eye" style controls the three position markers — they can be square, rounded, or circular, independently from the dots.
How does the gradient work? +
Enable Gradient to blend the foreground between two colors. Linear blends across a direction (set the angle in degrees), Radial blends from the center outward. The gradient applies to the data dots only.
Are QR codes generated on the server? +
No. Everything runs in your browser using the qr-code-styling library. No data, no images, no passwords are ever sent to any server.
What error correction level should I use? +
Medium (M) is the default and works for most uses. Use High (H) when adding a logo (it covers part of the code). Low (L) fits slightly more data but is less resilient. Quartile (Q) is a middle ground.