Calendar Upload Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Calendar Upload 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/310588.svg" alt="Calendar Upload icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310588.svg" alt="Calendar Upload icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310588.svg" alt="Calendar Upload icon" :width="24" :height="24" />
CSS background
.icon-calendar-upload {
background-image: url('https://proicons.com/icon/310588.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 12.4677L12 17.4677" stroke="black" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M14.2929 14.5726L12.3256 12.6053C12.283 12.5623 12.2322 12.5282 12.1764 12.5049C12.1205 12.4816 12.0605 12.4696 12 12.4696C11.9395 12.4696 11.8795 12.4816 11.8237 12.5049C11.7677 12.5282 11.717 12.5623 11.6744 12.6053L9.70709 14.5726" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>
More from Mage Icons
View all
Copied!