AnyTool
Your files never leave your device. All processing happens locally in your browser.

How do I make a custom branded QR code with rounded dots and a logo?

Open AnyTool QR Code Designer, choose a content type — URL, text, email, phone, SMS, WiFi, vCard or geo — and enter the value. A live styled QR appears. Style it: pick a data-dot shape (square, rounded, dots or classy), a finder-eye shape (square, rounded, circle or leaf), a solid or two-colour linear/radial gradient foreground, a separate eye colour, a coloured or transparent background, a centre logo read locally, and an optional “Scan me” frame. Then download a styled PNG or a matching vector SVG. Everything is drawn in your browser, so your content and logo are never uploaded.

  • Real styling on a real code — drawn from the genuine QR module matrix, not a decorative fake
  • Data dots (square / rounded / dots / classy) and finder eyes (square / rounded / circle / leaf)
  • Solid or two-colour linear/radial gradient foreground, separate eye colour, transparent background
  • Centre logo read locally (auto H correction) and an optional rounded frame with a call-to-action
  • Styled PNG + matching SVG export · live scannability warnings · 100% client-side, nothing uploaded

What is

Finder Pattern (QR eyes)

The finder patterns are the three large square “eyes” in the corners of a QR code that a camera uses to locate, orient and de-skew the code before reading it. A QR designer may restyle each eye’s outer frame and inner ball (square, rounded, circle or leaf) and recolour them, but the patterns must stay solid, intact and high-contrast, because distorting or covering them is the fastest way to make a code unscannable.

Generators

Related terms

Data moduleQuiet zoneError correctionGradient

Frequently Asked Questions

Usually yes, if you keep high contrast and good error correction. Rounded dots are the safest upgrade; dot/circle/leaf styles are riskier on cheap scanners.

Styled shapes work because the QR is drawn from the real module matrix, so the underlying code stays valid. But every style has a cost: round dots and circle or leaf eyes shrink the dark area of each module, and gradients blur module boundaries, which some lower-quality scanner apps struggle with. The safe combination is rounded data dots with rounded eyes, a dark foreground on a light background, error correction Q or H, and an intact quiet zone. AnyTool shows a live scannability panel that flags low contrast, heavy styling at low error correction, and oversized logos — and you should always test the finished code on several real phones before printing.

Yes. Keep the logo near 20% of the code or smaller and use error-correction level H, which recovers about 30% of the data.

A centre logo deliberately covers part of the code, so it relies on built-in error correction to reconstruct the hidden data. AnyTool QR Code Designer reads your logo locally, draws it over a small rounded backing plate, clears the modules directly beneath it so nothing pokes through, automatically switches to error-correction level H (~30% recovery), and never covers the three corner finder patterns. Keep the logo around 20% of the code area or less, and the logo is embedded in both the PNG and the SVG export. Because everything runs in your browser, the logo image is never uploaded.

It adds a labelled border that tells people to scan and what to expect, which measurably increases scans. AnyTool draws it around the styled code.

A frame is a border around the QR code with a short call-to-action such as “SCAN ME”, “SCAN TO PAY” or “VIEW MENU”. A clear instruction reassures people and improves response rates compared with a bare code. AnyTool QR Code Designer adds an optional rounded frame with your own call-to-action text below the code, colours it to match the foreground or eye colour, and automatically picks readable text. The frame is part of both the PNG and SVG export, and it sits outside the quiet zone so it never interferes with scanning.

No. The code is encoded and drawn entirely in your browser, and your content and logo image are never uploaded.

AnyTool QR Code Designer builds the payload and draws every dot, eye, gradient, logo and frame on a canvas in your browser using a bundled QR library — there is no server call and no CDN. The content you type, including a WiFi password or vCard details, and the logo image you add are processed entirely on your device and are never uploaded, logged or stored, and the page works offline once cached. These are static QR codes, so the data is baked in: they never expire and cannot be tracked, but the destination also cannot be changed after printing.

Detailed Explanation

Technical Details

Styled Rendering from the QR Module Matrix

AnyTool QR Code Designer does not draw a decorative approximation — it asks a bundled QR library for the genuine module matrix of the payload (QRCode.create(text, { errorCorrectionLevel }).modules) and then renders every cell itself, so the styling sits on a valid, scannable code. Data modules can be drawn as square, rounded (corners rounded only where a cell has no neighbour, so runs stay connected), dots (circles), or classy (heavier rounding), while the three corner finder patterns are rendered separately as styled eyes with an outer frame and inner ball in one of four shapes: square, rounded, circle or leaf. The finder patterns are always kept solid and intact so a camera can still locate and orient the code.

  • Built from the real QRCode.create(...).modules matrix, not a fake pattern
  • Data dots: square, rounded (neighbour-aware), dots (circles) or classy
  • Finder eyes restyled separately: square, rounded, circle or leaf
  • Finder patterns stay solid and high-contrast for reliable detection
  • Quiet zone, module size and colours all adjustable
Methodology

Colour, Gradient, Logo and Call-to-Action Frame

The foreground can be a single solid colour or a two-colour gradient — linear (corner to corner) or radial (centre out) — and the three finder eyes can take a separate colour for contrast or brand emphasis. The background can be a solid colour or fully transparent for overlaying on other artwork. A centre logo is read locally from the user’s device, drawn over a small rounded backing plate with the modules beneath it cleared so nothing shows through, and the tool automatically raises error correction to H so the covered centre still reconstructs. An optional frame wraps the code in a rounded border with a custom call-to-action label such as “SCAN ME”, coloured to match the foreground or eye colour with automatically chosen readable text, and placed outside the quiet zone so it never disturbs scanning.

  • Solid, linear-gradient or radial-gradient foreground; optional separate eye colour
  • Solid or fully transparent background for overlaying on artwork
  • Centre logo read locally, on a backing plate, with modules cleared and EC forced to H
  • Optional rounded frame with a custom call-to-action (e.g. “SCAN ME”)
  • Frame text colour auto-selected for contrast; frame sits outside the quiet zone
Privacy & Security

Privacy, Export and the Styling–Scannability Trade-off

All encoding and drawing happen in the browser with no server and no CDN, so the content entered (including WiFi passwords and vCard details) and any logo image never leave the device, and the page works offline once cached. The styled code exports as a PNG drawn at device-pixel resolution or as a matching SVG built with the same shapes, gradient definitions, frame and a self-contained embedded logo, and it can be copied to the clipboard. A live scannability panel computes the foreground-to-background contrast ratio and warns about low contrast, heavy styling combined with low error correction, and oversized logos. The tool is candid that styling always trades against scannability: round dots and circle or leaf eyes shrink each module’s dark area, gradients and low contrast blur boundaries, and large logos cover data, all of which can defeat cheaper scanner apps — so the safe recipe is rounded dots, rounded eyes, dark-on-light high contrast, error correction Q or H, a logo near 20% or less, and an intact quiet zone, with the finished code tested on several real phones before printing.

  • No server, no CDN — content and logo never leave the browser; works offline
  • Exports: styled PNG, matching SVG (with embedded logo), or clipboard image
  • Live scannability panel: contrast, styling-at-low-EC and logo-size warnings
  • Static codes: no expiry, no tracking, but a fixed destination once printed
  • Heavy styling, gradients and large logos reduce scan reliability — always test on real phones
Branded QR design: in-browser (AnyTool) vs typical online QR designers
CapabilityAnyToolTypical online designers
ProcessingRuns in your browser, no CDNOften server-side / API
PrivacyContent & logo never uploaded; offline-capableMay upload content and logo
Dot & eye stylesSquare, rounded, dots, classy + 4 eye shapesVaries; often gated behind a paid plan
GradientLinear & radial two-colour, freeFrequently a premium feature
Logo & frameLocal logo (auto H) + “Scan me” frameOften paid, upload-based or watermarked
OutputStyled PNG + matching SVG + copyPNG free; styled SVG often paid
Code typeStatic (no expiry, no tracking)Often dynamic, may expire on free tier
Scannability helpLive contrast / styling / logo warningsRare

AnyTool draws every styled QR locally in the browser from the real module matrix and uploads nothing — including any logo you add.