Calendar X Mark icon

calendar-x-mark

A calendar with an X, for cancelled events, declined invites and unavailable dates.

Missing from Heroicons, where it was requested with 4 votes in #1414 .

Component: CalendarXMarkIcon
Intended size: 24×24 px, 1.5 px stroke
Iconset: Sidekickicons
Keywords: cancelled, cancel, declined, unavailable, busy, appointment, schedule, date

Outline 24×24 px, 1.5 px stroke Solid 24×24 px, solid fill Mini 20×20 px, solid fill Micro 16×16 px, solid fill

Code

<svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.5" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" data-slot="icon" fill="none" class="size-6">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25m-12 0h13.5A2.25 2.25 0 0 1 21 7.5v11.25A2.25 2.25 0 0 1 18.75 21H5.25A2.25 2.25 0 0 1 3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25ZM3 18.75v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5m-10.969-5.719 3.938 3.938m0-3.938-3.938 3.938" />
</svg>

Download

Calendar X Mark icon in UI elements

Button · Mini

Secondary button · Mini

Icon buttons · Mini, and an Outline toggle that turns Solid

Input · Mini

Navigation · Outline

Booking cancelled Booking cancelled

Badges · Micro

History

7 November 2026

Added in Sidekickicons 0.23.0 .

Calendar X Mark icon

Code

Download

Calendar X Mark icon in UI elements

History

Related icons

More Sidekickicons