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="17.761"
x2="31.21"
y1="39.962"
y2="39.962"
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="33.06"
x2="46.239"
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.639A2.63 2.63 0 0 0 32 3.012a2.63 2.63 0 0 0-2.627 2.627v1.104h-8.086V5.639c0-1.449-1.178-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.178 2.627 2.627 2.627s2.627-1.179 2.627-2.627V8.743h8.086v1.026A2.63 2.63 0 0 0 32 12.396a2.63 2.63 0 0 0 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.261 50.377H30.71a.5.5 0 0 0 .5-.5v-2.19a.5.5 0 0 0-.5-.5h-7.546l.693-.64c4.023-3.877 6.872-6.924 6.872-10.829 0-3.071-2-6.17-6.47-6.17-2.166 0-4.24.745-5.842 2.098a.497.497 0 0 0-.133.587l.84 1.86a.503.503 0 0 0 .776.179c.688-.573 2.098-1.534 3.819-1.534 2.786 0 3.37 1.8 3.37 3.304-.027 2.679-2.117 5.096-7.107 9.846l-2.07 2.01a.5.5 0 0 0-.151.359v1.62a.5.5 0 0 0 .5.5z"
/>
<path
fill="url(#c)"
d="M33.285 49.305c.986.646 2.977 1.402 5.344 1.402 5.257 0 7.61-3.189 7.61-6.35 0-2.346-1.343-4.255-3.514-5.133 1.771-1.005 2.764-2.604 2.764-4.527 0-2.563-1.88-5.15-6.079-5.15-2.227 0-4.315.802-5.396 1.597a.5.5 0 0 0-.175.572l.69 1.92a.506.506 0 0 0 .322.308.494.494 0 0 0 .439-.07c.772-.552 2.181-1.197 3.608-1.197 1.855 0 2.92.889 2.92 2.44 0 2.054-2.302 2.8-3.85 2.8H36.5a.5.5 0 0 0-.5.5v1.98a.5.5 0 0 0 .5.5h1.47c2.177 0 4.513.895 4.54 3.409.016.84-.297 1.649-.856 2.219-.686.698-1.713 1.052-3.054 1.052-1.782 0-3.429-.753-4.05-1.151a.501.501 0 0 0-.742.254l-.721 2.04a.503.503 0 0 0 .198.585z"
/>
</svg>
More icons in the same style and category