Calendar Check Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Calendar Check 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/310582.svg" alt="Calendar Check icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310582.svg" alt="Calendar Check icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310582.svg" alt="Calendar Check icon" :width="24" :height="24" />
CSS background
.icon-calendar-check {
background-image: url('https://proicons.com/icon/310582.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="M9 14.7143L10.6886 16.4029C10.748 16.463 10.8187 16.5107 10.8967 16.5433C10.9747 16.5759 11.0583 16.5927 11.1429 16.5927C11.2274 16.5927 11.3111 16.5759 11.389 16.5433C11.467 16.5107 11.5377 16.463 11.5972 16.4029L15 13" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>
Calendar Check in other icon packs
Copied!