Calendar 3 Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Calendar 3 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/310017.svg" alt="Calendar 3 icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310017.svg" alt="Calendar 3 icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310017.svg" alt="Calendar 3 icon" :width="24" :height="24" />
CSS background
.icon-calendar-3 {
background-image: url('https://proicons.com/icon/310017.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.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.75045 19.843 3.64125 20.7337C4.53205 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.935ZM9.75 9.015C9.75 8.41826 9.98706 7.84597 10.409 7.42401C10.831 7.00205 11.4033 6.765 12 6.765C12.5967 6.765 13.169 7.00205 13.591 7.42401C14.0129 7.84597 14.25 8.41826 14.25 9.015C14.25 9.56974 14.0432 10.1045 13.67 10.515C14.0432 10.9255 14.25 11.4603 14.25 12.015C14.25 12.6117 14.0129 13.184 13.591 13.606C13.169 14.0279 12.5967 14.265 12 14.265C11.4033 14.265 10.831 14.0279 10.409 13.606C9.98706 13.184 9.75 12.6117 9.75 12.015C9.75003 11.4603 9.95683 10.9255 10.33 10.515C9.95683 10.1045 9.75003 9.56974 9.75 9.015ZM20.25 17.375C20.25 18.237 19.9076 19.0636 19.2981 19.6731C18.6886 20.2826 17.862 20.625 17 20.625H7C6.13805 20.625 5.3114 20.2826 4.7019 19.6731C4.09241 19.0636 3.75 18.237 3.75 17.375V17.115H20.25V17.375Z" fill="black"/> <path d="M12 9.765C12.4142 9.765 12.75 9.42921 12.75 9.015C12.75 8.60079 12.4142 8.265 12 8.265C11.5858 8.265 11.25 8.60079 11.25 9.015C11.25 9.42921 11.5858 9.765 12 9.765Z" fill="black"/> <path d="M12 12.765C12.4142 12.765 12.75 12.4292 12.75 12.015C12.75 11.6008 12.4142 11.265 12 11.265C11.5858 11.265 11.25 11.6008 11.25 12.015C11.25 12.4292 11.5858 12.765 12 12.765Z" fill="black"/> </svg>
More from Mage Icons
View all
Calendar 3 in other icon packs
Copied!