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 512 512"
>
<linearGradient
id="a"
x1="-43.184"
x2="-26.222"
y1="642.966"
y2="626.003"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M256 0C114.837 0 0 114.837 0 256s114.837 256 256 256 256-114.837 256-256S397.163 0 256 0zm0 490.667c-129.387 0-234.667-105.28-234.667-234.667S126.613 21.333 256 21.333 490.667 126.613 490.667 256 385.387 490.667 256 490.667z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-34.191"
x2="-27.712"
y1="638.246"
y2="631.767"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="m371.776 330.155-102.037-77.141 59.627-110.165c2.816-5.184.875-11.648-4.288-14.464-5.163-2.752-11.648-.896-14.464 4.309l-64 118.208c-.213.405-.235.853-.384 1.28-.256.661-.491 1.323-.619 2.027-.107.683-.128 1.344-.107 2.027s.043 1.344.192 2.005c.149.661.384 1.28.661 1.899.277.64.555 1.216.939 1.792.405.597.875 1.067 1.408 1.579.32.32.512.704.875 1.003l109.333 82.667a10.685 10.685 0 0 0 6.443 2.155c3.221 0 6.421-1.451 8.491-4.224 3.541-4.717 2.602-11.395-2.07-14.957z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-35.41"
x2="-33.996"
y1="644.192"
y2="642.777"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<circle cx="256" cy="64" r="21.333" fill="url(#c)" />
<linearGradient
id="d"
x1="-35.41"
x2="-33.996"
y1="626.192"
y2="624.777"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<circle cx="256" cy="448" r="21.333" fill="url(#d)" />
<linearGradient
id="e"
x1="-26.41"
x2="-24.996"
y1="635.192"
y2="633.777"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<circle cx="448" cy="256" r="21.333" fill="url(#e)" />
<linearGradient
id="f"
x1="-44.41"
x2="-42.996"
y1="635.192"
y2="633.777"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<circle cx="64" cy="256" r="21.333" fill="url(#f)" />
<linearGradient
id="g"
x1="-29.046"
x2="-27.632"
y1="641.555"
y2="640.14"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M376.683 105.152a21.202 21.202 0 0 0-6.251 15.083 21.238 21.238 0 0 0 6.251 15.104c4.011 4.032 9.408 6.251 15.083 6.251s11.051-2.219 15.083-6.251 6.251-9.387 6.251-15.104c0-5.696-2.219-11.051-6.251-15.061-8.044-8.086-22.124-8.065-30.166-.022z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="-41.774"
x2="-40.359"
y1="628.827"
y2="627.413"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M105.152 376.683a21.238 21.238 0 0 0-6.251 15.104c0 5.696 2.24 11.051 6.251 15.061 4.011 4.032 9.387 6.251 15.083 6.251s11.072-2.219 15.083-6.229c4.011-4.032 6.251-9.387 6.251-15.083s-2.197-11.072-6.251-15.104c-8.043-8.064-22.123-8.064-30.166 0z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="-29.046"
x2="-27.633"
y1="628.827"
y2="627.414"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M376.683 376.683a21.238 21.238 0 0 0-6.251 15.104c0 5.696 2.219 11.051 6.251 15.061 4.011 4.032 9.408 6.251 15.083 6.251s11.051-2.219 15.083-6.229a21.19 21.19 0 0 0 6.251-15.083 21.238 21.238 0 0 0-6.251-15.104c-8.044-8.064-22.124-8.064-30.166 0z"
fill="url(#i)"
/>
<linearGradient
id="j"
x1="-41.774"
x2="-40.36"
y1="641.555"
y2="640.142"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M105.152 105.152c-4.032 4.011-6.251 9.365-6.251 15.061s2.219 11.072 6.251 15.104c4.011 4.032 9.387 6.251 15.083 6.251s11.072-2.219 15.083-6.251c4.032-4.032 6.251-9.387 6.251-15.104 0-5.696-2.219-11.051-6.251-15.061-8.043-8.064-22.123-8.043-30.166 0z"
fill="url(#j)"
/>
</svg>
More icons in the same style and category