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="15.816"
x2="30.576"
y1="38.918"
y2="38.918"
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="32.693"
x2="48.184"
y1="39.09"
y2="39.09"
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.179-2.627-2.627-2.627s-2.627 1.179-2.627 2.627v1.104h-8.086V5.639c0-1.448-1.179-2.627-2.627-2.627s-2.627 1.179-2.627 2.627v1.104h-8.086V5.639c0-1.448-1.179-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.179 2.628 2.627 2.628s2.627-1.179 2.627-2.628V8.742h8.086v1.026c0 1.449 1.179 2.628 2.627 2.628s2.627-1.179 2.627-2.628V8.742h8.086v1.026c0 1.449 1.179 2.628 2.627 2.628s2.627-1.179 2.627-2.628v-.826c5.479 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.313 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="M16.316 50.377h13.76a.5.5 0 0 0 .5-.5v-2.42a.5.5 0 0 0-.5-.5h-8.475l.864-.798c4.438-4.276 7.58-7.635 7.58-11.933 0-3.368-2.195-6.767-7.099-6.767-2.38 0-4.661.819-6.423 2.307a.5.5 0 0 0-.134.588l.929 2.056a.498.498 0 0 0 .777.177c.765-.638 2.334-1.707 4.256-1.707 3.122 0 3.777 2.018 3.777 3.706-.03 2.979-2.345 5.657-7.874 10.92l-2.287 2.221a.5.5 0 0 0-.151.358v1.791a.5.5 0 0 0 .5.501z"
/>
<path
fill="url(#c)"
d="M39.561 42.718c1.674 0 3.154-.487 4.356-1.423-.469 1.632-1.265 2.964-2.38 3.975-1.113 1.054-2.578 1.73-4.216 1.955-.992.1-1.662.161-2.251.1a.497.497 0 0 0-.553.497v2.388a.5.5 0 0 0 .477.499c.163.008.34.013.527.013.71 0 1.491-.063 2.238-.181 2.5-.286 4.892-1.389 6.559-3.022 1.764-1.709 3.865-4.913 3.865-10.473 0-5.822-2.994-9.585-7.629-9.585-4.481 0-7.861 3.508-7.861 8.159 0 4.112 2.888 7.098 6.868 7.098zm.761-12.036c3.529 0 3.91 4.194 3.91 5.998 0 .337-.061.59-.196.808-.74 1.258-2.166 2.009-3.813 2.009-2.214 0-3.645-1.6-3.645-4.076 0-2.791 1.54-4.739 3.744-4.739z"
/>
</svg>
More icons in the same style and category