Qr Code Pixel Art Icon
A QR code icon for mobile scanning flows, contactless check-in, app download prompts and quick-connect features.
Tags
qrdevelopmentterminal
Style variants
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Qr Code icon
A square grid of small blocks in the pattern of a QR code. It appears on 'Scan to connect' buttons, mobile payment screens, contactless event check-in flows, and app-download prompts that want users to scan with a phone. Also useful in developer tools for generating machine-readable codes. When the intent is scanning a product barcode rather than a QR matrix, the scan-barcode icon is the more precise choice.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/qr-code.svg" width="24" height="24" alt="Qr Code" />
<!-- React -->
import { QrCode } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="qr-code.svg" width="48" height="48" style="image-rendering: pixelated" />