Add icons to this collection by clicking the heart icon.
Clock icon - also known as clock, time, idle, watch, clocks, ui, circular clock, and wall clock. Created in a clean blue style with a white and silver finish, 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="100"
height="100"
viewBox="0 0 503.607 503.607"
>
<circle cx="251.803" cy="251.794" r="243.41" fill="#a4c2f7" />
<linearGradient
id="a"
x1="-52.953"
x2="-52.227"
y1="651.542"
y2="650.853"
gradientTransform="matrix(461.6393 0 0 -486.8196 24517.096 317267.813)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d4e1f4" />
<stop offset=".172" stop-color="#d4e1f4" />
<stop offset=".2" stop-color="#d4e1f4" />
<stop offset=".2" stop-color="#dae4f4" />
<stop offset=".201" stop-color="#ebebf4" />
<stop offset=".201" stop-color="#f6f1f4" />
<stop offset=".202" stop-color="#fdf4f4" />
<stop offset=".205" stop-color="#fff5f4" />
<stop offset=".252" stop-color="#fff5f4" />
<stop offset=".26" stop-color="#fff5f4" />
<stop offset=".26" stop-color="#d4e1f4" />
<stop offset=".397" stop-color="#d4e1f4" />
<stop offset=".42" stop-color="#d4e1f4" />
<stop offset=".42" stop-color="#dae4f4" />
<stop offset=".421" stop-color="#ebebf4" />
<stop offset=".421" stop-color="#f6f1f4" />
<stop offset=".422" stop-color="#fdf4f4" />
<stop offset=".425" stop-color="#fff5f4" />
<stop offset=".489" stop-color="#fff5f4" />
<stop offset=".5" stop-color="#fff5f4" />
<stop offset=".5" stop-color="#f9f2f4" />
<stop offset=".5" stop-color="#e8ebf4" />
<stop offset=".5" stop-color="#dde5f4" />
<stop offset=".5" stop-color="#d6e2f4" />
<stop offset=".501" stop-color="#d4e1f4" />
<stop offset=".706" stop-color="#d4e1f4" />
<stop offset=".74" stop-color="#d4e1f4" />
<stop offset=".741" stop-color="#fff5f4" />
<stop offset=".835" stop-color="#fff5f4" />
<stop offset=".85" stop-color="#fff5f4" />
<stop offset=".851" stop-color="#d4e1f4" />
</linearGradient>
<ellipse cx="239.213" cy="251.794" rx="230.82" ry="243.41" fill="url(#a)" />
<path
d="M251.803 495.215c2.168 0 4.308-.107 6.462-.164C133.629 491.615 33.574 384.07 33.574 251.805S133.629 11.996 258.265 8.559c-2.154-.057-4.295-.164-6.462-.164-134.432 0-243.41 108.978-243.41 243.41s108.979 243.41 243.41 243.41z"
fill="#fff"
/>
<circle cx="251.803" cy="250.787" r="25.18" fill="#a4c2f7" />
<path
d="M251.803 503.607C112.736 503.607 0 390.87 0 251.803S112.736 0 251.803 0s251.803 112.736 251.803 251.803c-.157 139.002-112.801 251.646-251.803 251.804zm0-486.82c-129.796 0-235.016 105.22-235.016 235.016S122.007 486.82 251.803 486.82 486.82 381.599 486.82 251.803c-.146-129.735-105.281-234.871-235.017-235.016z"
fill="#428dff"
/>
<path
d="M226.623 259.18h-67.148a8.393 8.393 0 0 1-8.393-8.393 8.393 8.393 0 0 1 8.393-8.393h67.148a8.393 8.393 0 1 1 0 16.786zM251.803 234a8.391 8.391 0 0 1-8.394-8.394v-92.328a8.393 8.393 0 1 1 16.786 0v92.328a8.393 8.393 0 0 1-8.392 8.394z"
fill="#428dff"
/>
<path
d="M251.803 284.361c-18.542 0-33.574-15.031-33.574-33.574 0-18.542 15.031-33.574 33.574-33.574s33.574 15.031 33.574 33.574c-.02 18.534-15.04 33.554-33.574 33.574zm0-50.361c-9.271 0-16.787 7.516-16.787 16.787 0 9.271 7.516 16.787 16.787 16.787 9.271 0 16.787-7.516 16.787-16.787-.01-9.267-7.52-16.776-16.787-16.787zM251.803 82.918a8.391 8.391 0 0 1-8.394-8.394v-8.393a8.393 8.393 0 1 1 16.786 0v8.393a8.393 8.393 0 0 1-8.392 8.394zM251.803 443.836a8.391 8.391 0 0 1-8.394-8.394v-8.393a8.393 8.393 0 1 1 16.786 0v8.393a8.393 8.393 0 0 1-8.392 8.394zM436.459 259.18h-8.393a8.393 8.393 0 0 1-8.393-8.393 8.393 8.393 0 0 1 8.393-8.393h8.393a8.393 8.393 0 0 1 8.393 8.393 8.393 8.393 0 0 1-8.393 8.393zM75.541 259.18h-8.393a8.393 8.393 0 0 1-8.393-8.393 8.393 8.393 0 0 1 8.393-8.393h8.393a8.393 8.393 0 0 1 8.393 8.393 8.393 8.393 0 0 1-8.393 8.393zM376.439 134.541a8.395 8.395 0 0 1-5.934-14.328l5.934-5.934a8.393 8.393 0 0 1 11.869 11.869l-5.934 5.934a8.367 8.367 0 0 1-5.935 2.459zM121.234 389.754a8.395 8.395 0 0 1-5.934-14.328l5.934-5.934a8.394 8.394 0 0 1 11.869 11.869l-5.934 5.934a8.367 8.367 0 0 1-5.935 2.459zM382.373 389.754a8.367 8.367 0 0 1-5.934-2.459l-5.934-5.934a8.394 8.394 0 0 1 11.869-11.869l5.934 5.934a8.394 8.394 0 0 1-5.935 14.328zM127.168 134.541a8.367 8.367 0 0 1-5.934-2.459l-5.934-5.934a8.394 8.394 0 0 1 11.869-11.869l5.934 5.934a8.393 8.393 0 0 1-5.935 14.328z"
fill="#428dff"
/>
</svg>
More icons in the same style and category