The Lucide qr code icon visually represents a QR code, commonly used in user interfaces to provide a quick way to share links, contact information, or Wi-Fi credentials that can be scanned by a device.
Common uses
- Sharing website URLs
- Displaying contact details
- Providing Wi-Fi network access
Use it in React
Install
npm i lucide-reactImport & render
import { QrCode } from 'lucide-react';
<QrCode size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- barcodescanlinkurlinformationdigitalqrcodescan codedigital codeinformation link
FAQ
- What is the purpose of the QR code icon?
- This icon is used to signify functionality related to QR codes, such as generating, displaying, or scanning them for information transfer.
- How do I use the QR code icon in React?
- You can import and use it in your React application with: import { QrCode } from 'lucide-react'.
- What is the license for the Lucide QR code icon?
- The Lucide icon library, including the QR code icon, is available under the ISC license.
Related icons
The same idea in other libraries, and near matches in Lucide.
Looking for something else? Search Lucide and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →