What does the ticket icon represent?

It represents a ticket, often used for events, promotions, or reservations.

How do I use the ticket icon in React?

Import it using `import { TicketIcon } from '@heroicons/react/24/outline'` and then use it as a component: ` `.

The Heroicons library, including the ticket icon, is available under the MIT license.

Heroicons · ticket · MIT

The Heroicons ticket icon depicts a stylized ticket or stub, commonly used to represent event access, coupons, or booking confirmations.

Install

npm i @heroicons/react

Import & render

import { TicketIcon } from '@heroicons/react/24/outline';

<TicketIcon className="size-6" />

Heroicons ships this icon in 4 styles — each its own import:

24/outline

<TicketIcon className="size-6" />

24/solid

<TicketIcon className="size-6" />

20/solid

<TicketIcon className="size-6" />

16/solid

<TicketIcon className="size-6" />

What does the ticket icon represent?: It represents a ticket, often used for events, promotions, or reservations.
How do I use the ticket icon in React?: Import it using `import { TicketIcon } from '@heroicons/react/24/outline'` and then use it as a component: `<TicketIcon className="h-6 w-6" />`.
What is the license for the Heroicons ticket icon?: The Heroicons library, including the ticket icon, is available under the MIT license.

The same idea in other libraries, and near matches in Heroicons.

The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →