Add icons to this collection by clicking the heart icon.
Calendar Date icon - also known as time, schedule, day, calendar, date, month, event, calendar date, and time and date. Created in a clean 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 64 64"
>
<linearGradient
id="a"
x1="4.404"
x2="59.596"
y1="32"
y2="32"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".059" stop-color="#ffe029" />
<stop offset=".13" stop-color="#ffd218" />
<stop offset=".203" stop-color="#fec90f" />
<stop offset=".281" stop-color="#fdc70c" />
<stop offset=".668" stop-color="#f3903f" />
<stop offset=".888" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<linearGradient
id="b"
x1="18.211"
x2="25.719"
y1="40.127"
y2="40.127"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".124" stop-color="#ffea34" />
<stop offset=".693" stop-color="#ffd016" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<linearGradient
id="c"
x1="31.561"
x2="45.789"
y1="40.127"
y2="40.127"
gradientUnits="userSpaceOnUse"
>
<stop offset=".442" stop-color="#fdc70c" />
<stop offset=".462" stop-color="#fdc412" />
<stop offset=".697" stop-color="#f7a732" />
<stop offset=".885" stop-color="#f4963c" />
<stop offset="1" stop-color="#f3903f" />
</linearGradient>
<path
fill="url(#a)"
d="M47.967 6.925V5.639c0-1.449-1.179-2.627-2.627-2.627s-2.627 1.179-2.627 2.627v1.104h-8.086V5.639c0-1.449-1.179-2.627-2.627-2.627s-2.627 1.179-2.627 2.627v1.104h-8.086V5.639c0-1.449-1.179-2.627-2.627-2.627s-2.627 1.179-2.627 2.627v1.287C9.345 7.981 4.404 13.601 4.404 20.365v27.002c0 7.511 6.211 13.622 13.846 13.622h27.5c7.635 0 13.846-6.111 13.846-13.622V20.365c0-6.764-4.941-12.384-11.629-13.44zm-3.254-1.286a.627.627 0 0 1 1.254 0v4.13a.627.627 0 0 1-1.254 0zm-13.34 0a.627.627 0 0 1 1.254 0v4.13a.627.627 0 0 1-1.254 0zm-13.34 0a.627.627 0 0 1 1.254 0v4.13a.627.627 0 0 1-1.254 0zm-2 3.303v.826c0 1.449 1.179 2.627 2.627 2.627s2.627-1.179 2.627-2.627V8.743h8.086v1.026c0 1.449 1.179 2.627 2.627 2.627s2.627-1.179 2.627-2.627V8.743h8.086v1.026c0 1.449 1.179 2.627 2.627 2.627s2.627-1.179 2.627-2.627v-.827c5.479 1.01 9.5 5.622 9.617 11.175H6.416c.117-5.553 4.139-10.164 9.617-11.175zm41.563 38.425c0 6.408-5.313 11.622-11.846 11.622h-27.5c-6.532 0-11.846-5.214-11.846-11.622V22.118h51.191v25.249z"
/>
<path
fill="url(#b)"
d="M18.736 34.791a.5.5 0 0 0 .721.317l2.713-1.464v16.234a.5.5 0 0 0 .5.5h2.549a.5.5 0 0 0 .5-.5v-19.5a.5.5 0 0 0-.5-.5h-2.248a.51.51 0 0 0-.236.059l-4.26 2.28a.498.498 0 0 0-.248.564z"
/>
<path
fill="url(#c)"
d="M38.51 50.707c4.627 0 7.279-3.933 7.279-10.79 0-6.493-2.598-10.37-6.949-10.37-4.49 0-7.279 4.077-7.279 10.644.058 6.487 2.722 10.516 6.949 10.516zm.179-18.119c3.01 0 3.459 4.667 3.459 7.449 0 2.85-.453 7.63-3.488 7.63-2.135 0-3.461-2.854-3.461-7.45 0-4.634 1.371-7.629 3.49-7.629z"
/>
</svg>
More icons in the same style and category