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 494.197c2.168 0 4.308-.109 6.462-.164-124.636-3.437-224.691-110.984-224.691-243.246 0-132.264 100.055-239.811 224.692-243.248-2.154-.055-4.295-.162-6.462-.162-134.432 0-243.41 108.978-243.41 243.41s108.978 243.41 243.409 243.41z"
fill="#fff"
/>
<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="M251.803 268.59a8.391 8.391 0 0 1-8.394-8.394V58.754a8.393 8.393 0 1 1 16.786 0v201.443a8.391 8.391 0 0 1-8.392 8.393z"
fill="#428dff"
/>
<path
d="M251.803 268.59H117.508a8.393 8.393 0 0 1-8.393-8.393 8.393 8.393 0 0 1 8.393-8.393h134.295a8.393 8.393 0 0 1 8.393 8.393 8.392 8.392 0 0 1-8.393 8.393z"
fill="#428dff"
/>
</svg>
More icons in the same style and category