Add icons to this collection by clicking the heart icon.
Calendar icon - also known as check, schedule, calendar, date, events, and time and date. Created in a clean lineal gradient style, 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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="23.602"
x2="516.807"
y1="500.398"
y2="7.193"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient
id="b"
x1="-22.398"
x2="470.807"
y1="454.398"
y2="-38.807"
href="#a"
/>
<linearGradient
id="c"
x1="-82.398"
x2="410.807"
y1="394.398"
y2="-98.807"
href="#a"
/>
<linearGradient
id="d"
x1="-84.398"
x2="408.807"
y1="392.397"
y2="-100.808"
href="#a"
/>
<linearGradient
id="e"
x1="37.602"
x2="530.807"
y1="514.398"
y2="21.193"
href="#a"
/>
<linearGradient
id="f"
x1="35.602"
x2="528.807"
y1="512.397"
y2="19.192"
href="#a"
/>
<linearGradient
id="g"
x1="-26.398"
x2="466.807"
y1="450.398"
y2="-42.807"
href="#a"
/>
<linearGradient
id="h"
x1="93.602"
x2="586.807"
y1="570.398"
y2="77.193"
href="#a"
/>
<linearGradient
id="i"
x1="91.602"
x2="584.807"
y1="568.397"
y2="75.192"
href="#a"
/>
<linearGradient
id="j"
x1="33.602"
x2="526.807"
y1="510.398"
y2="17.193"
href="#a"
/>
<linearGradient
id="k"
x1="31.602"
x2="524.807"
y1="508.397"
y2="15.192"
href="#a"
/>
<path
fill="url(#a)"
d="M456 40h-32V24a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v16h-24V24a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v16h-24V24a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v16h-24V24a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v16h-24V24a8 8 0 0 0-8-8H96a8 8 0 0 0-8 8v16H56A48.051 48.051 0 0 0 8 88v360a48.051 48.051 0 0 0 48 48h400a48.051 48.051 0 0 0 48-48V88a48.051 48.051 0 0 0-48-48zm-64-8h16v32h-16zm-72 0h16v32h-16zm-72 0h16v32h-16zm-72 0h16v32h-16zm-72 0h16v32h-16zm384 416a32.042 32.042 0 0 1-32 32H56a32.042 32.042 0 0 1-32-32v-20.26A47.8 47.8 0 0 0 56 440h368a8.008 8.008 0 0 0 5.66-2.34L488 379.31zm-56-35.31V368h44.69zM488 352h-64a8 8 0 0 0-8 8v64H56a32.042 32.042 0 0 1-32-32V112h464zm0-256H24v-8a32.042 32.042 0 0 1 32-32h32v16a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8V56h24v16a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8V56h24v16a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8V56h24v16a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8V56h24v16a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8V56h32a32.042 32.042 0 0 1 32 32z"
/>
<path
fill="url(#b)"
d="M216 224h80a8 8 0 0 0 8-8v-80a8 8 0 0 0-8-8h-80a8 8 0 0 0-8 8v80a8 8 0 0 0 8 8zm8-80h64v64h-64z"
/>
<path
fill="url(#c)"
d="M96 224h80a8 8 0 0 0 8-8v-80a8 8 0 0 0-8-8H96a8 8 0 0 0-8 8v80a8 8 0 0 0 8 8zm8-80h64v64h-64z"
/>
<path
fill="url(#b)"
d="M277.657 154.343a8 8 0 0 0-11.314 0L256 164.686l-10.343-10.343a8 8 0 0 0-11.314 11.314L244.686 176l-10.343 10.343a8 8 0 0 0 11.314 11.314L256 187.314l10.343 10.343a8 8 0 1 0 11.314-11.314L267.314 176l10.343-10.343a8 8 0 0 0 0-11.314z"
/>
<path
fill="url(#d)"
d="M156.8 153.6a8 8 0 0 0-11.2 1.6l-16.234 21.645-2.211-4.423a8 8 0 0 0-14.31 7.156l8 16a8 8 0 0 0 6.436 4.39q.362.032.72.032a8 8 0 0 0 6.4-3.2l24-32a8 8 0 0 0-1.601-11.2z"
/>
<path
fill="url(#e)"
d="M336 224h80a8 8 0 0 0 8-8v-80a8 8 0 0 0-8-8h-80a8 8 0 0 0-8 8v80a8 8 0 0 0 8 8zm8-80h64v64h-64z"
/>
<path
fill="url(#f)"
d="M396.8 153.6a8 8 0 0 0-11.2 1.6l-16.234 21.645-2.211-4.423a8 8 0 0 0-14.31 7.156l8 16a8 8 0 0 0 6.436 4.39q.361.032.72.032a8 8 0 0 0 6.4-3.2l24-32a8 8 0 0 0-1.601-11.2z"
/>
<path
fill="url(#g)"
d="M96 336h80a8 8 0 0 0 8-8v-80a8 8 0 0 0-8-8H96a8 8 0 0 0-8 8v80a8 8 0 0 0 8 8zm8-80h64v64h-64z"
/>
<path
fill="url(#g)"
d="M157.657 266.343a8 8 0 0 0-11.314 0L136 276.686l-10.343-10.343a8 8 0 0 0-11.314 11.314L124.686 288l-10.343 10.343a8 8 0 0 0 11.314 11.314L136 299.314l10.343 10.343a8 8 0 1 0 11.314-11.314L147.314 288l10.343-10.343a8 8 0 0 0 0-11.314z"
/>
<path
fill="url(#h)"
d="M336 336h80a8 8 0 0 0 8-8v-80a8 8 0 0 0-8-8h-80a8 8 0 0 0-8 8v80a8 8 0 0 0 8 8zm8-80h64v64h-64z"
/>
<path
fill="url(#i)"
d="M396.8 265.6a8 8 0 0 0-11.2 1.6l-16.234 21.645-2.211-4.423a8 8 0 0 0-14.31 7.156l8 16a8 8 0 0 0 6.436 4.39q.361.031.72.032a8 8 0 0 0 6.4-3.2l24-32a8 8 0 0 0-1.601-11.2z"
/>
<path
fill="url(#j)"
d="M216 336h80a8 8 0 0 0 8-8v-80a8 8 0 0 0-8-8h-80a8 8 0 0 0-8 8v80a8 8 0 0 0 8 8zm8-80h64v64h-64z"
/>
<path
fill="url(#k)"
d="M276.8 265.6a8 8 0 0 0-11.2 1.6l-16.234 21.645-2.211-4.423a8 8 0 0 0-14.31 7.156l8 16a8 8 0 0 0 6.436 4.39q.361.031.72.032a8 8 0 0 0 6.4-3.2l24-32a8 8 0 0 0-1.601-11.2z"
/>
</svg>
More icons in the same style and category