qr-code

Qr Code icon · Lucide · <QrCode />

qr-code

Lucide tags qr-code with barcode, url and link. It's in Lucide's Coding & development and Social categories; similar icons include Scan Qr Code, Globe Code and Search Code. The matching icons are QR Code in Microsoft's Fluent icons and qr_code in Google's Material Symbols.

24 px, stroke 2

qr-code.svg

Size, stroke and code

Lucide icons are drawn on a 24 px grid with a 2 px stroke. Pick a size and stroke width to preview them; the downloads and the code below follow your choice.

Stroke width

Size

npm install lucide-react

import { QrCode } from "lucide-react";

export function Example() {
  return <QrCode />;
}

Xceed Toolkit Plus for WPFSponsorUpgrade Your WPF UI with Xceed Toolkit Plus

Details

Name	`qr-code`
Component	`QrCode` (also `QrCodeIcon`, `LucideQrCode`)
Categories	Coding & development, Social
Icon font	`icon-qr-code`, `U+E1DF`
CSS content	`"\e1df"`
File	`lucide-static/icons/qr-code.svg`
Grid and stroke	24 × 24, 2 px stroke, round caps and joins
License	ISC License (© Lucide Icons and Contributors)