The HugeIcons qr code icon visually represents a QR code, commonly used in UIs to link users to websites, app downloads, or contact information.
Common uses
- Link to website
- Share contact details
- App download prompt
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { QrCodeIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={QrCodeIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- barcodescancodelink
FAQ
- What is this icon for?
- This icon represents a QR code, which is a scannable 2D barcode used to store information that can be quickly accessed by a device.
- How do I use this in React?
- Import both HugeiconsIcon and QrCodeIcon, then render it like: <HugeiconsIcon icon={QrCodeIcon} />.
- What is the license for this icon?
- This icon is released under the MIT license, allowing for free use in commercial and non-commercial projects.
Related icons
The same idea in other libraries, and near matches in HugeIcons.
Looking for something else? Search HugeIcons 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 →