Add icons to this collection by clicking the heart icon.
Time icon - also known as button, clock, time, watch, 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="67.028"
y2="-1.147"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient id="b" x1="30" x2="30" y1="67.028" y2="-1.147" href="#a" />
<linearGradient id="c" x1="31" x2="31" y1="67.028" y2="-1.147" href="#a" />
<linearGradient
id="d"
x1="16.5"
x2="16.5"
y1="67.028"
y2="-1.147"
href="#a"
/>
<g fill="url(#a)">
<path
d="M32 62a30 30 0 1 1 30-30 30.034 30.034 0 0 1-30 30zm0-58a28 28 0 1 0 28 28A28.032 28.032 0 0 0 32 4z"
/>
<path
d="M32 13a19 19 0 1 0 19 19 19.021 19.021 0 0 0-19-19zm0 36a17 17 0 1 1 17-17 17.019 17.019 0 0 1-17 17z"
/>
<path
d="M32 17a15 15 0 1 0 15 15 15.017 15.017 0 0 0-15-15zm7.343 25.717-.477-.825a1 1 0 1 0-1.732 1l.472.819A12.861 12.861 0 0 1 33 44.949V44a1 1 0 0 0-2 0v.949a12.861 12.861 0 0 1-4.606-1.238l.472-.819a1 1 0 0 0-1.732-1l-.477.825a13.1 13.1 0 0 1-3.375-3.375l.825-.476a1 1 0 1 0-1-1.732l-.818.473A12.872 12.872 0 0 1 19.051 33H20a1 1 0 0 0 0-2h-.949a12.872 12.872 0 0 1 1.238-4.607l.818.473a1 1 0 1 0 1-1.732l-.825-.476a13.1 13.1 0 0 1 3.375-3.375l.477.825a1 1 0 1 0 1.732-1l-.472-.819A12.861 12.861 0 0 1 31 19.051V20a1 1 0 0 0 2 0v-.949a12.861 12.861 0 0 1 4.606 1.238l-.472.819a1 1 0 1 0 1.732 1l.477-.825a13.1 13.1 0 0 1 3.375 3.375l-.825.476a1 1 0 1 0 1 1.732l.818-.473A12.872 12.872 0 0 1 44.949 31H44a1 1 0 0 0 0 2h.949a12.872 12.872 0 0 1-1.238 4.607l-.818-.473a1 1 0 1 0-1 1.732l.825.476a13.1 13.1 0 0 1-3.375 3.375z"
/>
</g>
<path
fill="url(#b)"
d="M33 29.184V23a1 1 0 0 0-2 0v6.184A3 3 0 0 0 29.184 31H26a1 1 0 0 0 0 2h3.184A2.993 2.993 0 1 0 33 29.184zM32 33a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
/>
<path
fill="url(#c)"
d="M30 8.079a1 1 0 0 1-.078-2A28.251 28.251 0 0 1 32 6a1 1 0 0 1 0 2c-.638 0-1.284.025-1.921.076z"
/>
<path
fill="url(#d)"
d="M7 33a1 1 0 0 1-1-1A25.953 25.953 0 0 1 25.76 6.757a1 1 0 1 1 .48 1.943A23.959 23.959 0 0 0 8 32a1 1 0 0 1-1 1z"
/>
</svg>
More icons in the same style and category