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.166"
x2="25.675"
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.455"
x2="45.835"
y1="40.143"
y2="40.143"
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.178-2.627-2.627-2.627s-2.627 1.179-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.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.026c0 1.449 1.178 2.627 2.627 2.627s2.627-1.179 2.627-2.627V8.743h8.086v1.026c0 1.449 1.178 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.314 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.69 34.791a.502.502 0 0 0 .722.317l2.712-1.464v16.233a.5.5 0 0 0 .5.5h2.55a.5.5 0 0 0 .5-.5V30.378a.5.5 0 0 0-.5-.5h-2.25a.506.506 0 0 0-.236.059l-4.26 2.28a.5.5 0 0 0-.249.564z"
/>
<path
fill="url(#c)"
d="M38.855 50.707c4.533 0 6.979-3.797 6.979-7.37 0-4.003-2.624-6.8-6.38-6.8-1.48 0-2.854.457-3.947 1.285.891-2.662 3.05-4.479 6.005-4.972a9.434 9.434 0 0 1 1.874-.114.498.498 0 0 0 .528-.499v-2.16a.5.5 0 0 0-.5-.5c-.651 0-1.322.052-1.98.154-2.58.314-4.837 1.359-6.533 3.022-2.222 2.222-3.446 5.47-3.446 9.144 0 5.352 2.905 8.81 7.4 8.81zm-3.545-9.062c.66-1.292 1.969-2.127 3.334-2.127 2.204 0 3.52 1.484 3.52 3.97 0 2.5-1.33 4.18-3.31 4.18-2.313 0-3.73-1.902-3.79-5.08.001-.353.078-.66.246-.943z"
/>
</svg>
More icons in the same style and category