The Phosphor scan icon visually represents a barcode scanner, commonly used in user interfaces to indicate scanning functionality for items or data.
Common uses
- Initiate barcode scanning process
- Indicate a scanning mode or feature
- Represent inventory or product lookup
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Scan } from '@phosphor-icons/react';
<Scan size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Scan size={24} />thin
<Scan size={24} weight="thin" />light
<Scan size={24} weight="light" />bold
<Scan size={24} weight="bold" />fill
<Scan size={24} weight="fill" />duotone
<Scan size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- system
- Keywords
- upcbarcodeproductsshoppingscannersystemscanqr code
FAQ
- What does the scan icon represent?
- It depicts a barcode scanner, used to signify actions or features related to scanning items or data.
- How do I use the scan icon in React?
- You can import it directly from the Phosphor React library: `import { Scan } from '@phosphor-icons/react'` and use it as a component.
- What is the license for the Phosphor scan icon?
- The Phosphor icon library, including the scan icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor 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 →