Add icons to this collection by clicking the heart icon.
Clock icon - also known as clock, time, hour, tool, clock time, 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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient id="lg1">
<stop offset="0" stop-color="#fff9e2" />
<stop offset=".5354" stop-color="#ffe4cb" />
<stop offset=".6229" stop-color="#ffdfc1" />
<stop offset=".9729" stop-color="#ffcb9b" />
</linearGradient>
<radialGradient
id="SVGID_1_"
cx="105.349"
cy="12.857"
gradientUnits="userSpaceOnUse"
r="204.817"
href="#lg1"
/>
<linearGradient id="lg2">
<stop offset="0" stop-color="#ffcb9b" />
<stop offset=".518" stop-color="#ffba7c" />
<stop offset=".7495" stop-color="#ffa850" />
<stop offset=".9755" stop-color="#ff982a" />
</linearGradient>
<radialGradient
id="SVGID_2_"
cx="90.378"
cy="439.867"
gradientUnits="userSpaceOnUse"
r="131.863"
href="#lg2"
/>
<radialGradient
id="SVGID_3_"
cx="23.012"
cy="237.412"
gradientUnits="userSpaceOnUse"
r="131.529"
href="#lg1"
/>
<radialGradient
id="SVGID_4_"
cx="412.24"
cy="247.036"
gradientUnits="userSpaceOnUse"
r="362.664"
>
<stop offset="0" stop-color="#ffab56" />
<stop offset=".5119" stop-color="#ff982a" />
<stop offset=".5595" stop-color="#ff9426" />
<stop offset=".9755" stop-color="#ff7000" />
</radialGradient>
<linearGradient id="lg3">
<stop offset="0" stop-color="#eaf9fa" />
<stop offset=".4303" stop-color="#d6f6fd" />
<stop offset="1" stop-color="#68e7fd" />
</linearGradient>
<radialGradient
id="SVGID_5_"
cx="365.613"
cy="228.857"
gradientUnits="userSpaceOnUse"
r="301.853"
href="#lg3"
/>
<radialGradient
id="SVGID_6_"
cx="389.784"
cy="301.57"
gradientUnits="userSpaceOnUse"
r="103.663"
href="#lg1"
/>
<radialGradient
id="SVGID_7_"
cx="394.774"
cy="173.966"
gradientUnits="userSpaceOnUse"
r="135.672"
href="#lg1"
/>
<radialGradient
id="SVGID_8_"
cx="364.834"
cy="161.135"
gradientUnits="userSpaceOnUse"
r="122.433"
href="#lg2"
/>
<radialGradient
id="SVGID_9_"
cx="184.143"
cy="333.254"
gradientUnits="userSpaceOnUse"
r="103.707"
>
<stop offset="0" stop-color="#ff546a" />
<stop offset=".5038" stop-color="#ff3650" />
<stop offset=".6693" stop-color="#e92b5a" />
<stop offset=".9775" stop-color="#c3186c" />
</radialGradient>
<radialGradient
id="SVGID_10_"
cx="428.388"
cy="503.715"
gradientUnits="userSpaceOnUse"
r="485.545"
>
<stop offset="0" stop-color="#3692bc" />
<stop offset=".5038" stop-color="#0681af" />
<stop offset=".9755" stop-color="#0055a3" />
</radialGradient>
<radialGradient
id="SVGID_11_"
cx="300.763"
cy="253.293"
gradientUnits="userSpaceOnUse"
r="24.156"
href="#lg3"
/>
<radialGradient
id="SVGID_12_"
cx="392.306"
cy="3004.82"
gradientTransform="matrix(.931 0 0 .114 -111.186 118.565)"
gradientUnits="userSpaceOnUse"
r="211.86"
>
<stop offset="0" stop-color="#ffdcbd" />
<stop offset=".5119" stop-color="#ffebd8" />
<stop offset=".5222" stop-color="#ffebd9" />
<stop offset=".9755" stop-color="#fff" />
</radialGradient>
<g>
<path
d="m0 153.067 127.467-127.467h76.8l-114.667 166.4z"
fill="url(#SVGID_1_)"
/>
<path
d="m127.467 460.8-127.467-127.467 102.4-38.933 101.867 166.4z"
fill="url(#SVGID_2_)"
/>
<path
d="m0 333.333v-180.266h76.8l25.6 180.266z"
fill="url(#SVGID_3_)"
/>
<path
d="m384.533 25.6h-180.266l-127.467 127.467v180.266l127.467 127.467h180.266l127.467-127.467v-180.266z"
fill="url(#SVGID_4_)"
/>
<path
d="m225.476 409.6-97.476-97.476v-137.849l97.476-97.475h99.449l116.675 97.475-5.479 137.849-111.196 97.476z"
fill="url(#SVGID_5_)"
/>
<path
d="m324.925 409.6 97.475-97.476h38.4l-97.475 97.476z"
fill="url(#SVGID_6_)"
/>
<path d="m422.4 174.275h38.4v137.85h-38.4z" fill="url(#SVGID_7_)" />
<path
d="m422.4 174.275-97.475-97.475h38.4l97.475 97.475z"
fill="url(#SVGID_8_)"
/>
<path
d="m292.525 247.725-86.4 86.4c-2.499 2.499-6.552 2.499-9.051 0-2.499-2.499-2.499-6.552 0-9.051l86.4-86.4z"
fill="url(#SVGID_9_)"
/>
<path
d="m306.102 225.098c-1.622-1.621-3.407-2.98-5.302-4.075v-80.223c0-7.069-5.731-12.8-12.8-12.8s-12.8 5.731-12.8 12.8v80.223c-1.895 1.095-3.68 2.454-5.302 4.075-9.997 9.998-9.997 26.207 0 36.204 9.997 9.998 26.206 9.998 36.204 0 9.997-9.997 9.997-26.206 0-36.204z"
fill="url(#SVGID_10_)"
/>
<circle cx="288" cy="243.2" fill="url(#SVGID_11_)" r="12.8" />
<path
d="m257.497 486.4c113.107 0 204.798-11.461 204.798-25.6h-411.095c0 14.139 93.19 25.6 206.297 25.6z"
fill="url(#SVGID_12_)"
/>
</g>
</svg>
More icons in the same style and category