Add icons to this collection by clicking the heart icon.
Clock icon - also known as clock, hour, hanging, 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 512 512"
>
<linearGradient
id="a"
x1="256"
x2="256"
y1="467"
y2="13.357"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c3ffe8" />
<stop offset=".997" stop-color="#f0fff4" />
</linearGradient>
<linearGradient
id="b"
x1="256"
x2="256"
y1="512"
y2="0"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00b59c" />
<stop offset="1" stop-color="#9cffac" />
</linearGradient>
<path
fill="url(#a)"
d="M256 167c-82.705 0-150 67.295-150 150s67.295 150 150 150 150-67.295 150-150-67.295-150-150-150zm-137.285 58.447L243.52 36.694c4.6-6.885 2.754-16.201-4.16-20.801-6.855-4.585-16.172-2.754-20.801 4.131L93.754 208.777c-4.6 6.885-2.754 16.201 4.16 20.801 6.803 4.575 16.141 2.812 20.801-4.131zm299.531-16.67L293.441 20.024c-4.658-6.885-13.975-8.745-20.801-4.131-6.914 4.6-8.76 13.916-4.16 20.801l124.805 188.753c4.661 6.944 13.999 8.704 20.801 4.131 6.914-4.599 8.76-13.916 4.16-20.801z"
/>
<path
fill="url(#b)"
d="M256 122c-107.401 0-195 87.599-195 195 0 107.399 87.599 195 195 195s195-87.601 195-195c0-107.401-87.599-195-195-195zm0 330c-74.399 0-135-60.601-135-135 0-74.401 60.601-135 135-135s135 60.599 135 135c0 74.399-60.601 135-135 135zm0-362c24.814 0 45-20.186 45-45S280.814 0 256 0s-45 20.186-45 45 20.186 45 45 45zm30 212h-15v-45c0-8.291-6.709-15-15-15s-15 6.709-15 15v60c0 8.291 6.709 15 15 15h30c8.291 0 15-6.709 15-15s-6.709-15-15-15z"
/>
</svg>
More icons in the same style and category