The HugeIcons barcode scan icon visually represents the action of reading a barcode, commonly used in applications for product identification, inventory management, or quick data entry.
Common uses
- Initiate barcode scanning feature
- Link to product details page
- Add item to cart via scan
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { BarcodeScanIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={BarcodeScanIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- barcode readerscan codeqr code scannerproduct scan
FAQ
- What is this icon for?
- This icon signifies the action of scanning a barcode. It's used in UIs to trigger a scanning function or represent a feature related to barcode reading.
- How do I use the BarcodeScanIcon in React?
- Import both HugeiconsIcon and BarcodeScanIcon, then render it using <HugeiconsIcon icon={BarcodeScanIcon} />. Ensure you have the correct imports: import { HugeiconsIcon } from '@hugeicons/react'; import { BarcodeScanIcon } from '@hugeicons/core-free-icons';
- What is the license for this icon?
- The BarcodeScanIcon is part of the HugeIcons library and is available under the MIT license.
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 →