Add icons to this collection by clicking the heart icon.
Clock icon - also known as clock, hour, retro, pendulum, 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="450"
y2="45"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffc2cc" />
<stop offset="1" stop-color="#fff2f4" />
</linearGradient>
<linearGradient
id="b"
x1="256"
x2="256"
y1="512"
y2="0"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fd3a84" />
<stop offset="1" stop-color="#ffa68d" />
</linearGradient>
<path
fill="url(#a)"
d="M256 165h30c16.816 0 30-13.184 30-30s-13.184-30-30-30V75c0-16.816-13.184-30-30-30s-30 13.184-30 30v60c0 16.816 13.184 30 30 30zm-120-45h-30c-8.291 0-15 6.709-15 15s6.709 15 15 15h30c8.291 0 15-6.709 15-15s-6.709-15-15-15zm215.332 80.479c-5.771-2.183-12.393-.601-16.523 4.028C314.682 227.065 285.971 240 256 240s-58.682-12.935-78.809-35.493c-4.131-4.629-10.752-6.211-16.523-4.028A14.984 14.984 0 0 0 151 214.498V435c0 8.291 6.709 15 15 15h180c8.291 0 15-6.709 15-15V214.497a14.982 14.982 0 0 0-9.668-14.018zM406 120h-30c-8.291 0-15 6.709-15 15s6.709 15 15 15h30c8.291 0 15-6.709 15-15s-6.709-15-15-15z"
/>
<path
fill="url(#b)"
d="M241 268.5v34.199c-17.4 6.3-30 22.8-30 42.301 0 24.898 20.1 45 45 45s45-20.102 45-45c0-19.501-12.6-36-30-42.301V268.5c67.5-7.5 120-64.2 120-133.5C391 60.3 330.7 0 256 0S121 60.3 121 135c0 69.3 52.5 126 120 133.5zM241 75c0-8.401 6.599-15 15-15s15 6.599 15 15v45h15c8.401 0 15 6.599 15 15 0 8.399-6.599 15-15 15h-30c-8.401 0-15-6.601-15-15zm135 345H136c-24.814 0-45 20.186-45 45v32c0 8.291 6.709 15 15 15h300c8.291 0 15-6.709 15-15v-32c0-24.814-20.186-45-45-45z"
/>
</svg>
More icons in the same style and category