Add icons to this collection by clicking the heart icon.
Digital Clock icon - also known as clock, time, hours, alarm, digital 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.584"
y2="22.764"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient
id="b"
x1="15.5"
x2="15.5"
y1="64.584"
y2="22.764"
href="#a"
/>
<linearGradient id="c" x1="24" x2="24" y1="64.584" y2="22.764" href="#a" />
<linearGradient id="d" x1="31" x2="31" y1="64.584" y2="22.764" href="#a" />
<linearGradient id="e" x1="38" x2="38" y1="64.584" y2="22.764" href="#a" />
<linearGradient id="f" x1="47" x2="47" y1="64.584" y2="22.764" href="#a" />
<path
fill="url(#a)"
d="M45 24h-6v-1a3.009 3.009 0 0 0-3-3h-8a3.009 3.009 0 0 0-3 3v1h-6a16.987 16.987 0 0 0-7 32.47V61a1 1 0 0 0 1 1h38a1 1 0 0 0 1-1v-4.53A16.987 16.987 0 0 0 45 24zm-18-1a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v1H27zm23 37H14v-2.75a17.186 17.186 0 0 0 5 .75h26a17.186 17.186 0 0 0 5-.75zm-5-4H19a15 15 0 0 1 0-30h26a15 15 0 0 1 0 30z"
/>
<path
fill="url(#a)"
d="M45 28H19a13 13 0 0 0 0 26h26a13 13 0 0 0 0-26zm0 24H19a11 11 0 0 1 0-22h26a11 11 0 0 1 0 22z"
/>
<path
fill="url(#b)"
d="M17.472 34.118a1 1 0 0 0-1.027.05l-3 2a1 1 0 0 0 1.11 1.664L16 36.869V47a1 1 0 0 0 2 0V35a1 1 0 0 0-.528-.882z"
/>
<path
fill="url(#c)"
d="M24 34a4 4 0 0 0-4 4 1 1 0 0 0 2 0 2 2 0 0 1 4 0v.4a2 2 0 0 1-.891 1.664l-3.773 2.515A3 3 0 0 0 20 45.07V47a1 1 0 0 0 1 1h6a1 1 0 0 0 0-2h-5v-.93a1 1 0 0 1 .445-.832l3.774-2.515A4 4 0 0 0 28 38.4V38a4 4 0 0 0-4-4z"
/>
<path
fill="url(#d)"
d="M31 37a1 1 0 0 0-1 1v1a1 1 0 0 0 2 0v-1a1 1 0 0 0-1-1zM31 42a1 1 0 0 0-1 1v1a1 1 0 0 0 2 0v-1a1 1 0 0 0-1-1z"
/>
<path
fill="url(#e)"
d="M38 34a4 4 0 0 0-4 4 1 1 0 0 0 2 0 2 2 0 1 1 2 2 1 1 0 0 0 0 2 2 2 0 1 1-2 2 1 1 0 0 0-2 0 4 4 0 1 0 6.643-3A4 4 0 0 0 38 34z"
/>
<path
fill="url(#f)"
d="M47 34a4 4 0 0 0-4 4v6a4 4 0 0 0 8 0v-6a4 4 0 0 0-4-4zm2 10a2 2 0 0 1-4 0v-6a2 2 0 0 1 4 0z"
/>
</svg>
More icons in the same style and category