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 0C110.059 0 0 110.059 0 245.333s110.059 245.333 245.333 245.333 245.333-110.059 245.333-245.333S380.608 0 245.333 0zm0 469.333c-123.52 0-224-100.48-224-224s100.48-224 224-224 224 100.48 224 224-100.48 224-224 224z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-39.126"
x2="-27.559"
y1="618.437"
y2="606.866"
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 42.667c-5.888 0-10.667 4.779-10.667 10.667v384c0 5.888 4.779 10.667 10.667 10.667C357.077 448 448 357.077 448 245.333S357.077 42.667 245.333 42.667zM256 426.347V64.32c95.04 5.547 170.667 84.608 170.667 181.013S351.04 420.821 256 426.347z"
fill="url(#b)"
/>
<linearGradient
id="c"
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="M85.333 245.333c0-5.888-4.779-10.667-10.667-10.667H53.333c-5.888 0-10.667 4.779-10.667 10.667S47.445 256 53.333 256h21.333c5.889 0 10.667-4.779 10.667-10.667z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-39.898"
x2="-39.008"
y1="605.735"
y2="604.845"
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="M165.333 383.893c-5.077-2.901-11.627-1.195-14.571 3.904l-10.667 18.475c-2.965 5.099-1.216 11.627 3.904 14.571 1.685.96 3.52 1.429 5.333 1.429 3.669 0 7.275-1.92 9.237-5.333l10.667-18.475c2.945-5.099 1.196-11.627-3.903-14.571z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-43.259"
x2="-41.869"
y1="617.596"
y2="616.206"
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="m102.869 150.763-18.475-10.667c-5.099-2.923-11.648-1.173-14.571 3.904-2.944 5.099-1.195 11.627 3.904 14.571l18.475 10.667a10.542 10.542 0 0 0 5.333 1.429c3.669 0 7.275-1.92 9.237-5.333 2.967-5.099 1.196-11.627-3.903-14.571z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-43.01"
x2="-42.118"
y1="608.846"
y2="607.956"
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="m92.203 321.429-18.475 10.667c-5.099 2.944-6.848 9.472-3.904 14.571 1.963 3.413 5.568 5.333 9.237 5.333 1.813 0 3.648-.448 5.333-1.429l18.475-10.667c5.099-2.944 6.848-9.472 3.904-14.571-2.922-5.12-9.472-6.848-14.57-3.904z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-40.148"
x2="-38.758"
y1="620.707"
y2="619.317"
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="M158.571 73.728c-2.944-5.12-9.493-6.869-14.571-3.904-5.099 2.944-6.848 9.451-3.904 14.571l10.667 18.475c1.963 3.413 5.568 5.333 9.237 5.333 1.813 0 3.648-.469 5.333-1.429 5.099-2.944 6.848-9.472 3.904-14.571l-10.666-18.475z"
fill="url(#g)"
/>
</svg>
More icons in the same style and category