The Phosphor receipt icon visually represents a document detailing a purchase, commonly used in UI to signify transaction history, order details, or expense tracking.
Common uses
- Displaying order history
- Accessing transaction details
- Indicating expense reports
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Receipt } from '@phosphor-icons/react';
<Receipt size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Receipt size={24} />thin
<Receipt size={24} weight="thin" />light
<Receipt size={24} weight="light" />bold
<Receipt size={24} weight="bold" />fill
<Receipt size={24} weight="fill" />duotone
<Receipt size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- commerce
- Keywords
- purchasemoneyclippingexpensecommercefinancesreceiptinvoicebillorderticket
FAQ
- What does the receipt icon represent?
- It depicts a document that lists the details of a purchase or transaction. It's used to signify commerce-related actions or information.
- How do I use the receipt icon in React?
- You can import and use it like this: import { Receipt } from '@phosphor-icons/react'. Then render it as <Receipt />.
- What is the license for the Phosphor receipt icon?
- The Phosphor icon library, including the receipt 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 →