Add icons to this collection by clicking the heart icon.
Date icon - also known as time, schedule, calendar, date, notification, event, 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 28 28"
>
<linearGradient
id="a"
x1="8.319"
x2="32.597"
y1="35.207"
y2="8.007"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".04" stop-color="#fee72e" />
<stop offset=".117" stop-color="#fed51b" />
<stop offset=".196" stop-color="#fdca10" />
<stop offset=".281" stop-color="#fdc70c" />
<stop offset=".669" stop-color="#f3903f" />
<stop offset=".888" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<linearGradient
id="b"
x1="8.289"
x2="32.568"
y1="35.181"
y2="7.98"
href="#a"
/>
<linearGradient
id="c"
x1="-1.921"
x2="22.357"
y1="26.068"
y2="-1.133"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M21 15a6 6 0 1 0 6 6 6.006 6.006 0 0 0-6-6zm0 10a4 4 0 1 1 4-4 4 4 0 0 1-4 4z"
/>
<path
fill="url(#b)"
d="M21.383 18.076a1 1 0 0 0-1.09.217l-1 1A1 1 0 0 0 20 21v2a1 1 0 0 0 2 0v-4a1 1 0 0 0-.617-.924z"
/>
<path
fill="url(#c)"
d="M13 7a1 1 0 0 0 1-1V5h5v1a1 1 0 0 0 2 0V5h.254A1.748 1.748 0 0 1 23 6.746V13a1 1 0 0 0 2 0V6.746A3.75 3.75 0 0 0 21.254 3H21V2a1 1 0 0 0-2 0v1h-5V2a1 1 0 0 0-2 0v1H7V2a1 1 0 0 0-2 0v1h-.254A3.75 3.75 0 0 0 1 6.746v14.508A3.75 3.75 0 0 0 4.746 25H13a1 1 0 0 0 0-2H4.746A1.748 1.748 0 0 1 3 21.254V6.746A1.748 1.748 0 0 1 4.746 5H5v1a1 1 0 0 0 2 0V5h5v1a1 1 0 0 0 1 1z"
/>
</g>
</svg>
More icons in the same style and category