The Phosphor ticket icon depicts a stylized ticket stub, commonly used in UI to represent event admissions, bookings, or commerce-related items.
Common uses
- Booking confirmation
- Event entry pass
- Voucher redemption
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Ticket } from '@phosphor-icons/react';
<Ticket size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Ticket size={24} />thin
<Ticket size={24} weight="thin" />light
<Ticket size={24} weight="light" />bold
<Ticket size={24} weight="bold" />fill
<Ticket size={24} weight="fill" />duotone
<Ticket size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- commerce
- Keywords
- ticketstubmovie ticketentryadmissionseventscommercemaps & travelobjectsticket
FAQ
- What does the ticket icon represent?
- It represents a ticket, often used for events, admissions, or commerce.
- How do I use the ticket icon in React?
- Import it from '@phosphor-icons/react' like this: import { Ticket } from '@phosphor-icons/react'.
- What is the license for this icon?
- The Phosphor icon library, including the ticket 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 →