Add icons to this collection by clicking the heart icon.
Calendar icon - also known as schedule, calendar, date, commerce, shopping bag, event, and time and date. Created in a clean lineal color style with a white, silver, black, yellow, teal, and pink finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c-12.426 0-22.5-10.074-22.5-22.5v-53.63h45v53.63C22.5-10.074 12.426 0 0 0"
transform="translate(353.5 504.3)"
fill="#feef8f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-12.426 0-22.5 10.074-22.5 22.5S-12.426 45 0 45s22.5-10.074 22.5-22.5S12.426 0 0 0m-195 0c-12.426 0-22.5 10.074-22.5 22.5S-207.426 45-195 45s22.5-10.074 22.5-22.5S-182.574 0-195 0m-112.5-29.988h420V74.67h-420z"
transform="translate(353.5 353.5)"
fill="#3a82bd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-12.426 0-22.5-10.074-22.5-22.5v-53.63h45v53.63C22.5-10.074 12.426 0 0 0"
transform="translate(158.5 504.3)"
fill="#feef8f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v53.624h-.006c-12.426 0-22.5-10.074-22.5-22.5v-53.63h45V0Z"
transform="translate(158.506 450.675)"
fill="#fee95d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v53.624h-.006c-12.426 0-22.5-10.074-22.5-22.5v-53.63h45V0Z"
transform="translate(353.506 450.675)"
fill="#fee95d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-420v315.974l97.766 5.68L0 315.974Z"
transform="translate(466 7.537)"
fill="#e3edf6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v293.558h-22.416V-22.416h420V0Z"
transform="translate(68.416 29.953)"
fill="#c5d9ec"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v82.221h-22.436V-22.436h420V0Z"
transform="translate(68.436 345.948)"
fill="#2170a9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h15"
transform="translate(248.5 376)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-15"
transform="translate(76 301)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-15"
transform="translate(106 301)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-120l-15-157.5H15Z"
transform="translate(297.975 218.5)"
fill="#f696c3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 12.769 134.071H-10.43l-15-157.5h150L122.339 0Z"
transform="translate(188.405 84.429)"
fill="#f072ae"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-29.389-8.451-1.045 30.562-17.119 25.34 28.744 10.438L0 82l18.809-24.111 28.744-10.438-17.119-25.34-1.045-30.562Z"
transform="translate(301.472 105.856)"
fill="#feef8f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-29.389 8.451-9.81-2.821-.326 9.55-17.119 25.339-20.298-6.51 17.119-25.34 1.044-30.562 29.39 8.451L0-21.893Z"
transform="translate(330.862 119.298)"
fill="#fee95d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-337.5v420.632h420V0H45"
transform="translate(383.5 7.537)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-15"
transform="translate(413.5 7.537)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h315"
transform="translate(151 323.512)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h90"
transform="translate(46 323.512)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-12.426-10.074-22.5-22.5-22.5S-45-12.426-45 0s10.074 22.5 22.5 22.5S0 12.426 0 0Z"
transform="translate(181 376)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-12.426-10.074-22.5-22.5-22.5S-45-12.426-45 0s10.074 22.5 22.5 22.5S0 12.426 0 0Z"
transform="translate(376 376)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v53.63c0 12.426 10.074 22.5 22.5 22.5S45 66.056 45 53.63V0"
transform="translate(136 428.17)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v53.63c0 12.426 10.074 22.5 22.5 22.5S45 66.056 45 53.63V0"
transform="translate(331 428.17)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15"
transform="translate(218.979 376)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15"
transform="translate(278.5 376)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 4.03-42.312h-150l15 157.5h120l3.634-38.164"
transform="translate(308.945 102.836)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v45c0 16.569 13.431 30 30 30 16.569 0 30-13.431 30-30V0"
transform="translate(207.975 195.524)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-29.389-8.451-1.045 30.562-17.119 25.34 28.744 10.438L0 82l18.809-24.111 28.744-10.438-17.119-25.34-1.045-30.562Z"
transform="translate(301.472 105.38)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category