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.85"
x2="30.61"
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.595"
x2="48.15"
y1="39.102"
y2="39.102"
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.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.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.026A2.63 2.63 0 0 0 32 12.396a2.63 2.63 0 0 0 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.35 50.377h13.76a.5.5 0 0 0 .5-.5v-2.42a.5.5 0 0 0-.5-.5h-8.476l.864-.798c4.439-4.276 7.581-7.636 7.581-11.933 0-3.368-2.195-6.767-7.098-6.767-2.38 0-4.662.819-6.424 2.307a.501.501 0 0 0-.133.588l.929 2.056c.064.143.191.246.344.281s.312-.003.432-.104c.765-.638 2.335-1.707 4.255-1.707 3.122 0 3.777 2.018 3.777 3.706-.03 2.979-2.345 5.658-7.873 10.92L16 47.727a.5.5 0 0 0-.152.358v1.791a.503.503 0 0 0 .502.501z"
/>
<path
fill="url(#c)"
d="M32.595 44.406c0 3.148 2.654 6.336 7.728 6.336 4.536 0 7.828-2.846 7.828-6.768 0-2.438-1.346-4.421-3.813-5.657 2.604-1.583 3.018-3.802 3.018-5.052 0-2.796-2.118-5.806-6.768-5.806-4.151 0-7.164 2.623-7.164 6.236 0 1.992 1.054 3.73 2.923 4.874-2.459 1.303-3.752 3.306-3.752 5.837zm7.827-13.857c2.32 0 3.147 1.558 3.147 3.015 0 2.092-1.856 3.042-2.802 3.39-2.449-.685-3.592-1.785-3.592-3.456.001-1.469 1.005-2.949 3.247-2.949zm-.461 9.537c3.008.881 4.238 2.101 4.238 4.188 0 2.001-1.531 3.346-3.811 3.346-1.181 0-2.214-.4-2.909-1.127-.624-.654-.944-1.528-.901-2.484 0-1.833 1.231-3.257 3.383-3.923z"
/>
</svg>
More icons in the same style and category