Add icons to this collection by clicking the heart icon.
Digital Clock icon - also known as time, alarm clock, electronics, 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 48 48"
>
<linearGradient
id="a"
x1=".929"
x2="43.574"
y1="45.071"
y2="2.426"
gradientUnits="userSpaceOnUse"
>
<stop offset=".014" stop-color="#4279bd" />
<stop offset=".184" stop-color="#3f83ba" />
<stop offset=".476" stop-color="#389fb0" />
<stop offset=".852" stop-color="#2ccba2" />
<stop offset=".913" stop-color="#2ad39f" />
</linearGradient>
<linearGradient
id="b"
x1="2.929"
x2="45.574"
y1="47.071"
y2="4.426"
href="#a"
/>
<linearGradient
id="c"
x1="1.929"
x2="44.574"
y1="46.071"
y2="3.426"
href="#a"
/>
<linearGradient
id="d"
x1="-5.925"
x2="36.721"
y1="38.218"
y2="-4.428"
href="#a"
/>
<linearGradient
id="e"
x1="-4.071"
x2="38.574"
y1="40.071"
y2="-2.574"
href="#a"
/>
<linearGradient
id="f"
x1="-.571"
x2="42.074"
y1="43.571"
y2=".926"
href="#a"
/>
<linearGradient
id="g"
x1="4.429"
x2="47.074"
y1="48.571"
y2="5.926"
href="#a"
/>
<linearGradient
id="h"
x1="7.929"
x2="50.574"
y1="52.071"
y2="9.426"
href="#a"
/>
<linearGradient
id="i"
x1=".782"
x2="43.428"
y1="44.925"
y2="2.279"
href="#a"
/>
<linearGradient
id="j"
x1="18.782"
x2="61.428"
y1="62.925"
y2="20.279"
href="#a"
/>
<g>
<circle cx="24" cy="22" r="1" fill="url(#a)" />
<circle cx="24" cy="26" r="1" fill="url(#b)" />
<path
fill="url(#c)"
d="M45 39H3a2.002 2.002 0 0 1-2-2V11a2.002 2.002 0 0 1 2-2h42a2.002 2.002 0 0 1 2 2v26a2.002 2.002 0 0 1-2 2zM3 11v26h42.001L45 11z"
/>
<path
fill="url(#c)"
d="M42 35H6a1 1 0 0 1-1-1V14a1 1 0 0 1 1-1h36a1 1 0 0 1 1 1v20a1 1 0 0 1-1 1zM7 33h34V15H7z"
/>
<path
fill="url(#d)"
d="M35 11H13a1 1 0 0 1-1-1V7a2.002 2.002 0 0 1 2-2h20a2.002 2.002 0 0 1 2 2v3a1 1 0 0 1-1 1zM14 9h20V7H14z"
/>
<path
fill="url(#e)"
d="M14 31h-4a1 1 0 0 1-1-1V18a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1zm-3-2h2V19h-2z"
/>
<path
fill="url(#f)"
d="M21 31h-4a1 1 0 0 1-1-1V18a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1zm-3-2h2V19h-2z"
/>
<path
fill="url(#g)"
d="M31 31h-4a1 1 0 0 1-1-1V18a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1zm-3-2h2V19h-2z"
/>
<path
fill="url(#h)"
d="M38 31h-4a1 1 0 0 1-1-1V18a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1zm-3-2h2V19h-2z"
/>
<path
fill="url(#i)"
d="M7 43H5a2.002 2.002 0 0 1-2-2v-3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3a2.002 2.002 0 0 1-2 2zm-2-4v2h2.001L7 39z"
/>
<path
fill="url(#j)"
d="M43 43h-2a2.002 2.002 0 0 1-2-2v-3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3a2.002 2.002 0 0 1-2 2zm-2-4v2h2.001L43 39z"
/>
<path fill="url(#f)" d="M21 25h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z" />
</g>
</svg>
More icons in the same style and category