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 flat 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 12.7 12.7"
>
<linearGradient id="a">
<stop offset="0" stop-color="#cdcdcd" />
<stop offset="1" stop-color="#d6e5f8" />
</linearGradient>
<linearGradient
id="f"
x1="40.004"
x2="8.002"
y1="16.001"
y2="32.005"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7b42d" />
<stop offset="1" stop-color="#fce25c" />
</linearGradient>
<linearGradient
id="e"
x1="44.007"
x2="3.999"
y1="12.002"
y2="36.005"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#0493e4" />
<stop offset="1" stop-color="#5cc2fc" />
</linearGradient>
<linearGradient
id="d"
x1="41.005"
x2="31.004"
y1="36.005"
y2="40.004"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="17.002"
x2="7.001"
y1="36.005"
y2="40.004"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#f55" />
<stop offset="1" stop-color="#d40000" />
</linearGradient>
<linearGradient
id="l"
x1="8.599"
x2="9.923"
y1="6.35"
y2="6.35"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="7.011"
x2="8.07"
y1="6.35"
y2="6.35"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="6.085"
x2="6.614"
y1="5.556"
y2="5.556"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="6.085"
x2="6.614"
y1="7.144"
y2="7.144"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="2.646"
x2="3.705"
y1="6.35"
y2="6.35"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="3.969"
x2="5.82"
y1="6.35"
y2="6.35"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<path
fill="url(#c)"
d="M6.002 36.002v4a1 1 0 0 0 .996.996H17a1 1 0 0 0 .996-.996v-4H17V36l-10.998.002z"
transform="scale(.265)"
/>
<path
fill="url(#d)"
d="M30 36.002v4a1 1 0 0 0 .996.996h10.002a1 1 0 0 0 1.006-.996v-4H41V36l-11 .002z"
transform="scale(.265)"
/>
<path
fill="url(#e)"
d="M4.002 10.998a1 1 0 0 0-1.006 1.006V36.002a1 1 0 0 0 1.006.996h40.002a1 1 0 0 0 .996-.996V12.004a1 1 0 0 0-.996-1.006z"
transform="scale(.265)"
/>
<path
fill="url(#f)"
d="M8.002 15a1 1 0 0 0-1.004.996V32a1 1 0 0 0 1.004.996h32a1 1 0 0 0 .996-.996V15.996a1 1 0 0 0-.996-.996z"
transform="scale(.265)"
/>
<path
fill="url(#g)"
d="M4.232 5.291a.265.265 0 0 0-.263.266v1.588a.265.265 0 0 0 .263.263h1.325a.265.265 0 0 0 .263-.263V5.557a.265.265 0 0 0-.263-.266zm.266.53h.793v1.058h-.793v-.793z"
/>
<path
fill="url(#h)"
d="M2.91 5.291a.265.265 0 1 0 0 .53h.266v1.324a.265.265 0 1 0 .53 0V5.557a.265.265 0 0 0-.267-.266z"
/>
<path
fill="url(#i)"
d="M6.35 6.879a.265.265 0 1 0 0 .53.265.265 0 1 0 0-.53z"
/>
<path
fill="url(#j)"
d="M6.35 5.291a.265.265 0 1 0 0 .53.265.265 0 1 0 0-.53z"
/>
<path
fill="url(#k)"
d="M7.275 5.291a.265.265 0 1 0 0 .53h.266v1.324a.265.265 0 1 0 .53 0V5.557a.265.265 0 0 0-.266-.266z"
/>
<path
fill="url(#l)"
d="M8.863 5.291a.265.265 0 0 0-.263.266v.793a.265.265 0 0 0 .263.265h.53v.264h-.53a.265.265 0 1 0 0 .53h.795a.265.265 0 0 0 .264-.264V6.35a.265.265 0 0 0-.264-.264h-.53V5.82h.53a.265.265 0 1 0 0-.529z"
/>
</svg>
More icons in the same style and category