Calendar Cross Icon

Free SVG icon from the Mage Icons collection. Download or copy for use in any project.

Collection: Mage Icons
Format: SVG, Font, PNG
License: Apache 2.0 - Free for commercial use
Tags: calendar cross date schedule event time plan close

The Calendar Cross icon is commonly used in booking systems, scheduling apps and event listings. Available as a free SVG - copy the code or download directly.

img tag

<img src="https://proicons.com/icon/310019.svg" alt="Calendar Cross icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/310019.svg" alt="Calendar Cross icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/310019.svg"
  alt="Calendar Cross icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-calendar-cross {
  background-image: url('https://proicons.com/icon/310019.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.75 3.935V2.625C17.75 2.42609 17.671 2.23532 17.5303 2.09467C17.3897 1.95401 17.1989 1.875 17 1.875C16.8011 1.875 16.6103 1.95401 16.4697 2.09467C16.329 2.23532 16.25 2.42609 16.25 2.625V3.875H7.75V2.625C7.75 2.42609 7.67096 2.23532 7.5303 2.09467C7.38965 1.95401 7.19891 1.875 7 1.875C6.80109 1.875 6.61032 1.95401 6.46967 2.09467C6.32901 2.23532 6.25 2.42609 6.25 2.625V3.935C5.13533 4.11528 4.12104 4.68595 3.38831 5.54507C2.65557 6.4042 2.25212 7.49584 2.25 8.625V17.375C2.25 18.6348 2.75044 19.843 3.64124 20.7337C4.53203 21.6245 5.74022 22.125 7 22.125H17C18.2598 22.125 19.4679 21.6245 20.3587 20.7337C21.2495 19.843 21.75 18.6348 21.75 17.375V8.625C21.7479 7.49584 21.3444 6.4042 20.6117 5.54507C19.8789 4.68595 18.8647 4.11528 17.75 3.935ZM14.53 16.475C14.6704 16.6156 14.7493 16.8062 14.7493 17.005C14.7493 17.2037 14.6704 17.3944 14.53 17.535C14.3894 17.6755 14.1988 17.7543 14 17.7543C13.8012 17.7543 13.6106 17.6755 13.47 17.535L11.99 16.065L10.53 17.525C10.3894 17.6654 10.1988 17.7443 10 17.7443C9.80125 17.7443 9.61063 17.6654 9.47 17.525C9.32955 17.3844 9.25064 17.1937 9.25064 16.995C9.25064 16.7962 9.32955 16.6056 9.47 16.465L10.93 15.005L9.47 13.545C9.32955 13.4044 9.25064 13.2138 9.25064 13.015C9.25064 12.8162 9.32955 12.6256 9.47 12.485C9.53895 12.4142 9.62135 12.358 9.71237 12.3196C9.8034 12.2812 9.90121 12.2614 10 12.2614C10.0988 12.2614 10.1966 12.2812 10.2876 12.3196C10.3786 12.358 10.4611 12.4142 10.53 12.485L11.99 13.945L13.47 12.475C13.6122 12.3425 13.8002 12.2704 13.9945 12.2738C14.1888 12.2772 14.3742 12.356 14.5116 12.4934C14.649 12.6308 14.7277 12.8162 14.7312 13.0105C14.7346 13.2048 14.6625 13.3928 14.53 13.535L13.06 15.005L14.53 16.475ZM20.25 8.875H3.75V8.625C3.75098 7.8951 3.99837 7.18691 4.45212 6.61519C4.90587 6.04347 5.53939 5.6417 6.25 5.47499V6.625C6.25 6.82391 6.32901 7.01467 6.46967 7.15532C6.61032 7.29597 6.80109 7.375 7 7.375C7.19891 7.375 7.38965 7.29597 7.5303 7.15532C7.67096 7.01467 7.75 6.82391 7.75 6.625V5.375H16.25V6.625C16.25 6.82391 16.329 7.01467 16.4697 7.15532C16.6103 7.29597 16.8011 7.375 17 7.375C17.1989 7.375 17.3897 7.29597 17.5303 7.15532C17.671 7.01467 17.75 6.82391 17.75 6.625V5.47499C18.4606 5.6417 19.0941 6.04347 19.5479 6.61519C20.0016 7.18691 20.249 7.8951 20.25 8.625V8.875Z" fill="black"/>
</svg>

Copied!

Calendar Cross Icon

More from Mage Icons