Add icons to this collection by clicking the heart icon.
Time icon - also known as time, rotate, counterclockwise, 24 hours, circular arrow, 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 32 32"
>
<linearGradient
id="Orange_Yellow"
gradientUnits="userSpaceOnUse"
x1="-1.827"
x2="26.529"
y1="33.114"
y2="5.892"
>
<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="Orange_Yellow-2"
x1="-3.468"
x2="24.888"
y1="31.404"
y2="4.183"
href="#Orange_Yellow"
/>
<linearGradient
id="Orange_Yellow-3"
x1="-.398"
x2="27.958"
y1="34.602"
y2="7.381"
href="#Orange_Yellow"
/>
<g id="Layer_2">
<path
d="m30.906 14.3a15 15 0 1 0 -26.306 11.415l-2.452-.283a1 1 0 1 0 -.23 1.986l4.967.575a.914.914 0 0 0 .115.007 1 1 0 0 0 .992-.885l.575-4.967a1 1 0 1 0 -1.986-.23l-.309 2.682a12.974 12.974 0 1 1 9.728 4.4 1 1 0 0 0 0 2 15 15 0 0 0 14.906-16.7z"
fill="url(#Orange_Yellow)"
/>
<path
d="m16 20a1 1 0 0 0 -1-1h-2.586l.172-.172a8.185 8.185 0 0 0 2.414-5.828 3 3 0 0 0 -6 0v1a1 1 0 0 0 2 0v-1a1 1 0 0 1 2 0 6.2 6.2 0 0 1 -1.828 4.414l-1.879 1.879a1 1 0 0 0 .707 1.707h5a1 1 0 0 0 1-1z"
fill="url(#Orange_Yellow-2)"
/>
<path
d="m18.2 10.02a1 1 0 0 0 -1.176.784l-1 5a1 1 0 0 0 .976 1.196h3v3a1 1 0 0 0 2 0v-3a1 1 0 0 0 0-2v-2a1 1 0 0 0 -2 0v2h-1.78l.76-3.8a1 1 0 0 0 -.78-1.18z"
fill="url(#Orange_Yellow-3)"
/>
</g>
</svg>
More icons in the same style and category