Calendar Download Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Calendar Download 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/310584.svg" alt="Calendar Download icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310584.svg" alt="Calendar Download icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310584.svg" alt="Calendar Download icon" :width="24" :height="24" />
CSS background
.icon-calendar-download {
background-image: url('https://proicons.com/icon/310584.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 4.625H7C4.79086 4.625 3 6.41586 3 8.625V17.375C3 19.5841 4.79086 21.375 7 21.375H17C19.2091 21.375 21 19.5841 21 17.375V8.625C21 6.41586 19.2091 4.625 17 4.625Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M3 9.625H21" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 2.625V6.625" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7 2.625V6.625" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.0001 17.4677L12.0001 12.4677" stroke="black" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M9.70709 15.3627L11.6744 17.33C11.717 17.373 11.7678 17.4071 11.8237 17.4304C11.8795 17.4537 11.9395 17.4657 12 17.4657C12.0605 17.4657 12.1205 17.4537 12.1764 17.4304C12.2323 17.4071 12.283 17.373 12.3256 17.33L14.2929 15.3627" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>
Copied!