The Lucide scan line icon visually represents a barcode or QR code being scanned, commonly used in UIs for actions related to purchasing, checkout, or data input.
Common uses
- Initiate checkout process
- Scan QR code for information
- Validate product packaging
Use it in React
Install
npm i lucide-reactImport & render
import { ScanLine } from 'lucide-react';
<ScanLine size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- checkouttillcarttransactionpurchasebuyproductpackagingretailconsumerqr-codedashedscanlinebarcodeqr code
FAQ
- What is the scan line icon used for?
- It's typically used for actions involving scanning items, such as at a checkout, for product verification, or when interacting with QR codes.
- How do I use the scan line icon in React?
- You can import and use it directly with: import { ScanLine } from 'lucide-react'
- What is the license for this icon?
- The Lucide icon library, including the scan line 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 →