What is the purpose of the calendar x icon?

It's used to represent actions like canceling, deleting, or rejecting a calendar-related item or event.

How do I use this icon in React?

Import it using `import { IconCalendarX } from '@tabler/icons-react'` and then use it as a component: ` `.

What is the license for this icon?

The Tabler icons, including calendar-x, are distributed under the MIT license.

calendar x icon

Tabler · calendar-x · MIT

The Tabler calendar x icon depicts a calendar with an 'x' or cross mark, commonly used to signify cancellation, deletion, or rejection of a scheduled event or date.

Common uses

Cancel event button
Reject meeting request
Clear selected date

Use it in React

Install

npm i @tabler/icons-react

Import & render

import { IconCalendarX } from '@tabler/icons-react';

<IconCalendarX size={24} stroke={2} />

Details

Library: Tabler (5,093 icons)
License: MIT
viewBox: 0 0 24 24
Category: System
Keywords: closedeleteremoveterminaterejectenddiscardannulerasecancelsystemcalendarxcancel calendardelete eventreject date

FAQ

What is the purpose of the calendar x icon?: It's used to represent actions like canceling, deleting, or rejecting a calendar-related item or event.
How do I use this icon in React?: Import it using `import { IconCalendarX } from '@tabler/icons-react'` and then use it as a component: `<IconCalendarX />`.
What is the license for this icon?: The Tabler icons, including calendar-x, are distributed under the MIT license.

Related icons

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

lucide phosphor tabler tabler tabler tabler tabler tabler tabler tabler tabler tabler

Looking for something else? Search Tabler and 4 more libraries by description →