Calendar Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Calendar 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/310025.svg" alt="Calendar icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310025.svg" alt="Calendar icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310025.svg" alt="Calendar icon" :width="24" :height="24" />
CSS background
.icon-calendar {
background-image: url('https://proicons.com/icon/310025.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.67099 2.23532 7.53033 2.09467C7.38968 1.95401 7.19891 1.875 7 1.875C6.80109 1.875 6.61033 1.95401 6.46967 2.09467C6.32902 2.23532 6.25 2.42609 6.25 2.625V3.935C5.13533 4.11528 4.12105 4.68595 3.38831 5.54507C2.65558 6.4042 2.25212 7.49584 2.25 8.625V17.375C2.25 18.6348 2.75045 19.843 3.64124 20.7337C4.53204 21.6245 5.74022 22.125 7 22.125H17C18.2598 22.125 19.468 21.6245 20.3588 20.7337C21.2496 19.843 21.75 18.6348 21.75 17.375V8.625C21.7479 7.49584 21.3444 6.4042 20.6117 5.54507C19.879 4.68595 18.8647 4.11528 17.75 3.935ZM20.25 9.875H3.75V8.625C3.75098 7.8951 3.99839 7.18691 4.45214 6.61519C4.90589 6.04347 5.53939 5.6417 6.25 5.47499V6.625C6.25 6.82391 6.32902 7.01467 6.46967 7.15532C6.61033 7.29597 6.80109 7.375 7 7.375C7.19891 7.375 7.38968 7.29597 7.53033 7.15532C7.67099 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.625V9.875Z" fill="black"/> </svg>
More from Mage Icons
View all
Calendar in other icon packs
Copied!