# QR Code Art Generator - Dots, Gradients & Logo, Scan-Checked

> Free styled QR code maker for URLs, Wi-Fi, vCards, email, SMS and maps: dot or diamond modules, custom eyes, gradients, logo, PNG/SVG/JPG and a scan check.

- URL: https://qilingtools.com/en/qr-art
- Category: Productivity (https://qilingtools.com/en/office)
- Tags: [Image](https://qilingtools.com/en/tags/image), [Design](https://qilingtools.com/en/tags/design), [QR & Barcode](https://qilingtools.com/en/tags/qrcode), [Productivity](https://qilingtools.com/en/tags/office)
- Last updated: 2026-10-26
- Price: Free, no sign-up
- Privacy: Runs locally in the browser; files are never uploaded

Create styled QR codes with colors, gradients, dot or rounded modules, custom eyes and a center logo, for URLs, text, Wi‑Fi, vCards, email, SMS and locations. Every design is scan-tested automatically before you download it as PNG, SVG or JPG.

## How to use

1. Pick a content type and fill in the URL, Wi-Fi, contact or other details
2. Apply a preset or tune module shape, eyes, colors and gradient, background and center logo
3. Once the scannability check passes, choose a size and download PNG, SVG or JPG

## Features

- 7 content types: URL, text, Wi-Fi, vCard, email, SMS, location
- 5 module shapes; eye frame and ball shapes and colors set separately
- Linear or radial gradients; solid, transparent or image background
- Center logo with auto clearing and forced level H
- Automatic decode self-check plus contrast warning
- PNG/JPG up to 2048px and vector SVG
- 8 style presets
- Generated locally, nothing uploaded

## FAQ

### Will the QR code still scan with a logo on it?

Yes. QR codes carry error correction, and level H can recover from about 30% damage. When you add a logo the tool switches to H automatically and clears the modules under the logo with a padded plate. Keep the logo under about 25% of the code width and rely on the self-check below; if it fails, shrink the logo or add padding.

### How does the scannability self-check work?

After each change the current design is rendered at several resolutions and decoded with jsQR, the same decoder our QR scanner uses; it only shows Pass if the decoded text matches your content exactly. jsQR is stricter than most phone cameras, so if only the browser’s built-in detector reads it you’ll see Mostly OK — test with a phone before printing.

### Which colors scan most reliably?

Dark modules on a light background, with a contrast ratio of at least 3:1 — the tool calculates it and warns you. Light-on-dark (inverted) codes are not supported by every scanner, and with gradients both ends need to be dark enough. With a photo background, set the background-color overlay to 50% or more.

### Should I download SVG or PNG?

SVG is vector, so it stays sharp at any size — best for print, posters and handing to a designer. PNG and JPG are bitmaps up to 2048×2048 pixels, handy for chats, documents and web pages. For a transparent background use PNG or SVG; JPG has no transparency and is filled with white.

## Related tools

- [QiLing Mind](https://qilingtools.com/en/mindmap): QiLing Mind is a free online mind map editor: add nodes with Tab/Enter, drag to restructure, import and export XMind and Markdown, export PNG/SVG/PDF.
- [Password Generator](https://qilingtools.com/en/password): Free online random password generator: choose length, character sets and look-alike exclusions, generate several at once with a strength meter, all locally.
- [QR Code Generator](https://qilingtools.com/en/qrcode): Free online QR code generator: turn URLs, text, Wi-Fi or contact cards into QR codes with custom size, colour and error correction. Crisp PNG or vector SVG.
- [Word Counter](https://qilingtools.com/en/word-count): Free online word counter: live counts of characters with and without spaces, words, CJK characters, lines, paragraphs, sentences, bytes and reading time.
- [Case Converter](https://qilingtools.com/en/case-convert): Free online case and naming converter: get UPPERCASE, lowercase, Title Case, camelCase, PascalCase, snake_case, kebab-case and CONSTANT_CASE at once.
- [Lorem Ipsum Generator](https://qilingtools.com/en/lorem): Free online Lorem Ipsum generator: classic Latin placeholder text or Chinese filler by paragraph, sentence or word, with one-click copy for mockups.
- [Sort & Dedupe Text](https://qilingtools.com/en/text-sort): Free online text tool: sort lines alphabetically or by length, remove duplicate and empty lines, trim whitespace, optionally ignoring case. Runs locally.
- [Sign & Stamp PDF](https://qilingtools.com/en/pdf/sign): Free online PDF signing tool: drop in a handwritten signature or company stamp, drag it into place on a page preview, adjust size and opacity, then export.