Add icons to this collection by clicking the heart icon.
Wall Clock icon - also known as clock, time, hour, tool, clock time, watch, wall clock, 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 64 64"
>
<linearGradient
id="a"
x1="32"
x2="32"
y1="64.694"
y2="-1.647"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".35" stop-color="#ed683c" />
<stop offset=".7" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<linearGradient
id="b"
x1="23"
x2="23"
y1="64.694"
y2="-1.647"
gradientTransform="rotate(30 23.006 19.418)"
href="#a"
/>
<linearGradient
id="c"
x1="16.412"
x2="16.412"
y1="64.694"
y2="-1.647"
gradientTransform="rotate(60 16.412 25.995)"
href="#a"
/>
<linearGradient id="d" x1="14" x2="14" y1="64.694" y2="-1.647" href="#a" />
<linearGradient
id="e"
x1="16.412"
x2="16.412"
y1="64.694"
y2="-1.647"
gradientTransform="rotate(30 16.413 43.99)"
href="#a"
/>
<linearGradient
id="f"
x1="23"
x2="23"
y1="64.694"
y2="-1.647"
gradientTransform="rotate(60 23 50.595)"
href="#a"
/>
<linearGradient
id="g"
x1="41"
x2="41"
y1="64.694"
y2="-1.647"
gradientTransform="rotate(30 41.01 50.603)"
href="#a"
/>
<linearGradient
id="h"
x1="47.588"
x2="47.588"
y1="64.694"
y2="-1.647"
gradientTransform="rotate(60 47.587 43.991)"
href="#a"
/>
<linearGradient id="i" x1="50" x2="50" y1="64.694" y2="-1.647" href="#a" />
<linearGradient
id="j"
x1="47.588"
x2="47.588"
y1="64.694"
y2="-1.647"
gradientTransform="rotate(30 47.581 25.99)"
href="#a"
/>
<linearGradient
id="k"
x1="41"
x2="41"
y1="64.694"
y2="-1.647"
gradientTransform="rotate(60 41.004 19.415)"
href="#a"
/>
<linearGradient
id="l"
x1="30.855"
x2="30.855"
y1="64.694"
y2="-1.647"
href="#a"
/>
<g>
<g fill="url(#a)">
<path
d="M35.33 8.21a4 4 0 1 0-6.66 0 27 27 0 1 0 6.66 0zM32 4a2 2 0 1 1-2 2 2.006 2.006 0 0 1 2-2zm0 56a25 25 0 1 1 25-25 25.022 25.022 0 0 1-25 25z"
/>
<path
d="M32 12a23 23 0 1 0 23 23 23.029 23.029 0 0 0-23-23zm0 44a21 21 0 1 1 21-21 21.023 21.023 0 0 1-21 21z"
/>
<path d="M31 16h2v2h-2z" />
</g>
<path
fill="url(#b)"
d="M22 18.412h2v1.999h-2z"
transform="rotate(-30 23.007 19.416)"
/>
<path
fill="url(#c)"
d="M15.411 25h2v1.999h-2z"
transform="rotate(-60 16.407 25.998)"
/>
<path fill="url(#d)" d="M13 34h2v2h-2z" />
<path
fill="url(#e)"
d="M15.412 43h1.999v2h-1.999z"
transform="rotate(-30 16.404 43.992)"
/>
<path
fill="url(#f)"
d="M22 49.588h1.999v2H22z"
transform="rotate(-60 23.004 50.593)"
/>
<path fill="url(#a)" d="M31 52h2v2h-2z" />
<path
fill="url(#g)"
d="M40 49.589h2v1.999h-2z"
transform="rotate(-30 41.013 50.601)"
/>
<path
fill="url(#h)"
d="M46.588 43h2v1.999h-2z"
transform="rotate(-60 47.579 44)"
/>
<path fill="url(#i)" d="M49 34h2v2h-2z" />
<path
fill="url(#j)"
d="M46.589 25h1.999v2h-1.999z"
transform="rotate(-30 47.578 25.999)"
/>
<path
fill="url(#k)"
d="M40 18.411h1.999v2H40z"
transform="rotate(-60 41.004 19.412)"
/>
<path
fill="url(#l)"
d="M34.7 36.29A2.98 2.98 0 0 0 35 35V23a3 3 0 0 0-6 0v9h-5a3 3 0 0 0 0 6h8a2.98 2.98 0 0 0 1.29-.3l6 6.01 1.42-1.42zM24 36a1 1 0 0 1 0-2h5v1a3 3 0 0 0 .18 1zm8 0a1 1 0 1 1 1-1 1 1 0 0 1-1 1zm1-3.82a3 3 0 0 0-1-.18h-1v-9a1 1 0 0 1 2 0z"
/>
</g>
</svg>
More icons in the same style and category