DevKit Labs

QR Code Generator

Create custom QR codes for URLs, Wi-Fi, contacts and more — download as PNG or SVG, 100% in your browser.

Design
Error correction
Module style
Logo (optional)

Fill in the fields to generate a QR code.

About QR Code Generator

Generate a QR code in seconds: pick a content type — URL, plain text, Wi-Fi network, email, SMS, phone number, contact card (vCard) or a map location — fill in the fields, and the code updates live as you type.

Customise the look with foreground and background colors, a transparent background, square/rounded/dot module styles and an optional centered logo, then download a crisp PNG at any size or a scalable SVG for print. Error correction levels (L/M/Q/H) and the quiet-zone margin are adjustable so your code stays reliably scannable.

Everything runs locally in your browser — the data you encode, including Wi-Fi passwords and contact details, never leaves your device.

Wi-Fi network QR code

Input
SSID: CoffeeBar · Password: latte123 · WPA2
Output
WIFI:T:WPA;S:CoffeeBar;P:latte123;;

Guests scan it and their phone connects automatically — no typing the password.

Frequently asked questions

Is the data I encode uploaded anywhere?

No. The QR code is generated entirely in your browser, so URLs, Wi-Fi passwords and contact details never leave your device.

Which error correction level should I use?

Level M (15%) is a good default. Use H (30%) if you add a logo or expect the code to be printed small, scuffed or partly covered — higher correction means more of the code can be damaged and still scan.

Can I add a logo to the QR code?

Yes. Upload an image and it is placed in the center; keep it under about 20% of the code area and use error correction H so the code remains scannable. The logo is embedded in both the PNG and SVG downloads.

What's the difference between the PNG and SVG download?

PNG is a fixed-resolution image, good for screens and quick sharing. SVG is vector and scales to any size without quality loss — ideal for print, posters and business cards.

Why won't my QR code scan?

The usual causes are low contrast (use a dark code on a light background), too little quiet-zone margin, or a logo that's too large. Increase the margin, raise the error correction level, and keep strong contrast.

Related tools