heroicons + sidekickicons

Calendar Exclamation icon

calendar-exclamation

A calendar with an exclamation mark, for scheduling conflicts, overdue dates and event warnings.

Component
CalendarExclamationIcon
Intended size
24×24 px, 1.5 px stroke
Iconset
Sidekickicons
Keywords
conflict, overdue, deadline, warning, alert, schedule, date

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-9-6.375v2.25m0 3h.008v.008H12Z" />
</svg>

Download

calendar-exclamation icon preview

Color

Default keeps currentColor in the SVG, so it takes the color of the text around it.

Size in pixels

Background

Calendar Exclamation icon in UI elements

Button · Mini

Secondary button · Mini

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

Input · Mini

Navigation · Outline

Double booked Double booked

Badges · Micro

History

  1. Added in Sidekickicons 0.23.0 .

Related icons

More Sidekickicons