Styled QR codes with logo in Markdown to PDF

Modules can be rounded or dotted, with gradients, colored finder patterns and a logo, all vector, and the error correction level you choose keeps the code scannable.

Rounded or dotted modules, gradients, colored corner markers, a logo in the middle and the error-correction level, all as vector art. Toggle: barcode.

Open PDF Open in editor Markdown file

Markdown source

Markdown · 47 lines

# Styled QR

A gradient over rounded modules, with high error correction:

```barcode
type: qr
data: https://example.com/menu
module-shape: rounded
module-gradient: linear 45 #1a3a8f #d53f2a
ec: H
width: 220
```

Dot modules, colored corner squares and dots, and a logo embedded in the middle. The logo covers data, which is why the error correction is set to H:

```barcode
type: qr
data: https://example.com/tickets/AB12-CD34
module-shape: dot
module-color: #0f766e
corner-square-shape: rounded
corner-square-color: #134e4a
corner-dot-shape: dot
corner-dot-color: #f59e0b
logo: data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAABACAIAAABdtOgoAAAA0ElEQVR42u3bwQ2DQAwEwHvxTj/0QE8pK9UtDSBBogNDbqytYEd8OLu9Pm8pTFMBAAACAIAAACAAAAgAAAIAgPwJQBItXwqQvVH6KQD5frTfDSC/DoBWVT2GDgDpNwAq2x/ZoN2k/WENADwQIGcOgMr2BzQAAOAYwLTMj0t/gFw1AAAAAAAAAICK9jcNAPgCAAAAAAAAgEIAP+P8DQUAwIuYN2FvwgDsBWnfZpzdULuhtqMBuA9wIQPAjZgrSQACAIAAACAAAAgAAAIAgAC4e1Zbxuc3/fvlOwAAAABJRU5ErkJggg==
logo-size: 0.22
ec: H
width: 220
```

A classy shape on a tinted background, with a radial gradient:

```barcode
type: qr
data: WIFI:T:WPA;S:Guest network;P:welcome2026;;
module-shape: classy-rounded
module-gradient: radial #312e81 #6366f1
background: #eef2ff
ec: Q
width: 200
```

Raw mode needs only the payload:

```barcode qr
https://example.com/docs
```

Rendered pages

PDF · 2 pages · 49 KB

The sample documents describe invented organizations in several countries. All names and figures are illustrative.

Barcodes and QR codes in Markdown to PDF: every sample In the Markdown reference