Add icons to this collection by clicking the heart icon.
Time icon - also known as clock, time, hour, watch, ui, 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="32"
x2="32"
y1="-.927"
y2="64.316"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<linearGradient id="b" x1="31" x2="31" y1="-.927" y2="64.316" href="#a" />
<linearGradient
id="c"
x1="53.455"
x2="53.455"
y1="-.927"
y2="64.316"
href="#a"
/>
<linearGradient id="d" x1="14" x2="14" y1="-.927" y2="64.316" href="#a" />
<path
fill="url(#a)"
d="M32 18a14 14 0 1 0 14 14 14.015 14.015 0 0 0-14-14zm0 26a12 12 0 1 1 12-12 12.01 12.01 0 0 1-12 12z"
/>
<path
fill="url(#a)"
d="M32 21a11 11 0 1 0 11 11 11.007 11.007 0 0 0-11-11zm8.24 14.6-1.68-.97-1 1.74 1.67.96a8.562 8.562 0 0 1-1.9 1.9l-.96-1.67-1.74 1 .97 1.68a8.693 8.693 0 0 1-2.6.7V39h-2v1.94a8.693 8.693 0 0 1-2.6-.7l.97-1.68-1.74-1-.96 1.67a8.562 8.562 0 0 1-1.9-1.9l1.67-.96-1-1.74-1.68.97a8.693 8.693 0 0 1-.7-2.6H25v-2h-1.94a8.693 8.693 0 0 1 .7-2.6l1.68.97 1-1.74-1.67-.96a8.562 8.562 0 0 1 1.9-1.9l.96 1.67 1.74-1-.97-1.68a8.693 8.693 0 0 1 2.6-.7V25h2v-1.94a8.693 8.693 0 0 1 2.6.7l-.97 1.68 1.74 1 .96-1.67a8.562 8.562 0 0 1 1.9 1.9l-1.67.96 1 1.74 1.68-.97a8.693 8.693 0 0 1 .7 2.6H39v2h1.94a8.693 8.693 0 0 1-.7 2.6z"
/>
<path
fill="url(#b)"
d="M32 34a1.994 1.994 0 0 0 1-3.722V26h-2v4.278a2.015 2.015 0 0 0-.722.722H28v2h2.278A1.993 1.993 0 0 0 32 34z"
/>
<path
fill="url(#a)"
d="M56.307 14.413a1 1 0 1 0-1.62 1.174 28.008 28.008 0 1 1-4.342-4.741 1 1 0 1 0 1.31-1.511 29.975 29.975 0 1 0 4.652 5.078z"
/>
<path
fill="url(#c)"
d="M53.153 13.655a1 1 0 0 0 1.512-1.31q-.458-.528-.94-1.034a1 1 0 0 0-1.45 1.377q.45.474.878.967z"
/>
<path
fill="url(#d)"
d="M14 47a1 1 0 0 0-2 0 3 3 0 0 0 3 3 1 1 0 0 0 0-2 1 1 0 0 1-1-1z"
/>
<path
fill="url(#a)"
d="M17 49a1 1 0 0 0 1 1h31a3 3 0 0 0 3-3V17a3 3 0 0 0-3-3H15a3 3 0 0 0-3 3v27a1 1 0 0 0 2 0V17a1 1 0 0 1 1-1h34a1 1 0 0 1 1 1v30a1 1 0 0 1-1 1H18a1 1 0 0 0-1 1z"
/>
</svg>
More icons in the same style and category