Add icons to this collection by clicking the heart icon.
Clock icon - also known as clock, time, tool, watch, Tools and utensils, 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="100"
height="100"
viewBox="0 0 490.667 490.667"
>
<linearGradient
id="a"
x1="-43.331"
x2="-27.075"
y1="620.779"
y2="604.523"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M245.333 490.667c135.275 0 245.333-110.059 245.333-245.333S380.608 0 245.333 0 0 110.059 0 245.333s110.059 245.334 245.333 245.334zm0-469.334c123.52 0 224 100.48 224 224s-100.48 224-224 224-224-100.48-224-224 100.48-224 224-224z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-35.806"
x2="-34.602"
y1="604.756"
y2="603.548"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M245.333 405.333c-5.888 0-10.667 4.779-10.667 10.667v21.333c0 5.888 4.779 10.667 10.667 10.667S256 443.221 256 437.333V416c0-5.888-4.779-10.667-10.667-10.667z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-27.308"
x2="-26.1"
y1="613.254"
y2="612.05"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M416 256h21.333c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667H416c-5.888 0-10.667 4.779-10.667 10.667S410.112 256 416 256z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-44.308"
x2="-43.1"
y1="613.254"
y2="612.05"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M53.333 256h21.333c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667H53.333c-5.888 0-10.667 4.779-10.667 10.667S47.445 256 53.333 256z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-29.544"
x2="-28.84"
y1="619.014"
y2="618.307"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M366.016 135.317c2.731 0 5.461-1.045 7.552-3.115l15.083-15.083c4.16-4.16 4.16-10.923 0-15.083s-10.923-4.16-15.083 0l-15.104 15.083c-4.16 4.16-4.16 10.923 0 15.083a10.711 10.711 0 0 0 7.552 3.115z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-41.566"
x2="-40.859"
y1="606.992"
y2="606.288"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M109.568 391.765c2.731 0 5.461-1.045 7.531-3.115l15.083-15.083c4.16-4.16 4.16-10.923 0-15.083s-10.923-4.16-15.083 0l-15.061 15.061c-4.16 4.16-4.16 10.923 0 15.083a10.555 10.555 0 0 0 7.53 3.137z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-29.899"
x2="-28.485"
y1="607.348"
y2="605.934"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M373.547 388.629a10.623 10.623 0 0 0 7.552 3.115c2.731 0 5.461-1.045 7.552-3.115 4.16-4.16 4.16-10.923 0-15.083l-15.083-15.083c-4.16-4.16-10.923-4.16-15.083 0s-4.16 10.923 0 15.083l15.062 15.083z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="-41.92"
x2="-40.505"
y1="619.368"
y2="617.954"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M117.12 132.203c2.091 2.091 4.821 3.115 7.552 3.115s5.461-1.045 7.552-3.115c4.16-4.16 4.16-10.923 0-15.083l-15.104-15.083c-4.16-4.16-10.923-4.16-15.083 0s-4.16 10.923 0 15.083l15.083 15.083z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="-39.635"
x2="-33.722"
y1="617.928"
y2="612.012"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M167.317 334.016c2.731 0 5.461-1.045 7.552-3.115l56.768-56.768c4.16 1.984 8.768 3.2 13.696 3.2 17.643 0 32-14.357 32-32 0-13.888-8.939-25.621-21.333-30.037V53.333c0-5.888-4.779-10.667-10.667-10.667s-10.667 4.779-10.667 10.667v161.963c-12.395 4.416-21.333 16.149-21.333 30.037 0 4.928 1.216 9.536 3.2 13.717l-56.747 56.747c-4.16 4.16-4.16 10.923 0 15.083a10.564 10.564 0 0 0 7.531 3.136zm78.016-99.349c5.888 0 10.667 4.779 10.667 10.667S251.221 256 245.333 256c-2.731 0-5.184-1.109-7.083-2.816-.128-.149-.171-.341-.32-.469-.149-.128-.32-.192-.469-.32-1.685-1.877-2.795-4.331-2.795-7.061.001-5.889 4.779-10.667 10.667-10.667z"
fill="url(#i)"
/>
</svg>
More icons in the same style and category