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.195"
x2="25.705"
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.695"
x2="45.805"
y1="40.118"
y2="40.118"
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.721 34.791a.501.501 0 0 0 .722.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.25a.516.516 0 0 0-.236.059l-4.26 2.28a.5.5 0 0 0-.248.564z"
/>
<path
fill="url(#c)"
d="M37.955 43.447c1.473 0 2.781-.414 3.854-1.209-.426 1.405-1.127 2.556-2.098 3.436-1 .945-2.314 1.553-3.785 1.756-.895.089-1.498.146-2.027.09a.504.504 0 0 0-.389.125.504.504 0 0 0-.164.372v2.16a.5.5 0 0 0 .475.5c.15.007.311.011.482.011.643 0 1.352-.058 2.029-.164 2.271-.259 4.445-1.261 5.961-2.748 1.602-1.552 3.512-4.461 3.512-9.508 0-5.297-2.729-8.72-6.949-8.72-4.016 0-7.16 3.264-7.16 7.43-.001 3.749 2.632 6.469 6.259 6.469zm.69-10.889c3.15 0 3.49 3.762 3.49 5.38 0 .388-.094.583-.17.706-.664 1.123-1.938 1.794-3.41 1.794-1.975 0-3.25-1.429-3.25-3.64 0-2.497 1.373-4.24 3.34-4.24z"
/>
</svg>
More icons in the same style and category