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.37"
x2="32.832"
y1="39.102"
y2="39.102"
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="37.436"
x2="45.631"
y1="39.101"
y2="39.101"
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.448-1.178-2.627-2.627-2.627s-2.627 1.179-2.627 2.627v1.104h-8.086V5.639c0-1.448-1.178-2.627-2.627-2.627s-2.627 1.179-2.627 2.627v1.104h-8.086V5.639c0-1.448-1.178-2.627-2.627-2.627s-2.627 1.179-2.627 2.627v1.286C9.345 7.981 4.404 13.602 4.404 20.365v27.002c0 7.511 6.211 13.621 13.846 13.621h27.5c7.635 0 13.846-6.11 13.846-13.621V20.365c0-6.763-4.941-12.384-11.629-13.44zm-3.254-1.286a.627.627 0 0 1 1.254 0v4.13a.628.628 0 1 1-1.254 0zm-13.34 0a.627.627 0 0 1 1.254 0v4.13a.628.628 0 1 1-1.254 0zm-13.34 0a.627.627 0 0 1 1.254 0v4.13a.628.628 0 1 1-1.254 0zm-2 3.303v.826c0 1.449 1.178 2.628 2.627 2.628s2.627-1.179 2.627-2.628V8.742h8.086v1.026c0 1.449 1.178 2.628 2.627 2.628s2.627-1.179 2.627-2.628V8.742h8.086v1.026c0 1.449 1.178 2.628 2.627 2.628s2.627-1.179 2.627-2.628v-.826c5.478 1.01 9.499 5.622 9.617 11.175H6.416c.118-5.553 4.139-10.165 9.617-11.175zm41.563 38.425c0 6.408-5.314 11.621-11.846 11.621h-27.5c-6.532 0-11.846-5.213-11.846-11.621v-25.25h51.191v25.25z"
/>
<path
fill="url(#b)"
d="M18.596 49.201c1.084.711 3.274 1.541 5.877 1.541 5.774 0 8.358-3.499 8.358-6.967 0-2.605-1.515-4.722-3.954-5.664 2.002-1.097 3.125-2.872 3.125-5.012 0-2.808-2.062-5.64-6.667-5.64-2.448 0-4.744.881-5.933 1.754a.5.5 0 0 0-.175.572l.763 2.123a.503.503 0 0 0 .762.238c.859-.614 2.427-1.332 4.019-1.332 2.084 0 3.28 1.002 3.28 2.749 0 2.31-2.576 3.147-4.308 3.147h-1.625a.5.5 0 0 0-.5.5v2.188a.5.5 0 0 0 .5.5h1.625c2.431 0 5.04 1.002 5.071 3.818.017.943-.333 1.852-.962 2.491-.768.782-1.916 1.179-3.413 1.179-1.982 0-3.813-.838-4.504-1.281a.5.5 0 0 0-.742.255l-.796 2.256a.501.501 0 0 0 .199.585z"
/>
<path
fill="url(#c)"
d="M38.015 33.189c.038.149.143.272.284.335s.303.056.438-.019l3.075-1.66v18.031a.5.5 0 0 0 .5.5h2.818a.5.5 0 0 0 .5-.5V28.324a.5.5 0 0 0-.5-.5h-2.487a.496.496 0 0 0-.236.06l-4.707 2.52a.5.5 0 0 0-.249.563z"
/>
</svg>
More icons in the same style and category