Add icons to this collection by clicking the heart icon.
Digital Clock icon - also known as wake up, antenna, stopwatch, digital clock, digital watch, 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 64 64"
>
<linearGradient id="a">
<stop offset="0" stop-color="#ffd066" />
<stop offset=".517" stop-color="#ffb000" />
<stop offset="1" stop-color="#ff8939" />
</linearGradient>
<linearGradient
id="b"
x1="32"
x2="32"
y1="1.13"
y2="59.864"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="15"
x2="15"
y1="1.13"
y2="59.864"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="22"
x2="22"
y1="1.13"
y2="59.864"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="49"
x2="49"
y1="1.13"
y2="59.864"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="42"
x2="42"
y1="1.13"
y2="59.864"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M57 17H19v-3c0-1.103-.897-2-2-2h-7c-1.103 0-2 .897-2 2v3H7c-3.86 0-7 3.14-7 7v18c0 3.86 3.14 7 7 7v5c0 1.654 1.346 3 3 3h.892a2.983 2.983 0 0 0 2.544-1.41L17.554 49h28.891l4.119 6.59A2.983 2.983 0 0 0 53.108 57H54c1.654 0 3-1.346 3-3v-5c3.86 0 7-3.14 7-7V24c0-3.86-3.14-7-7-7zm5 25c0 2.757-2.243 5-5 5H7c-2.757 0-5-2.243-5-5V24c0-2.757 2.243-5 5-5h50c2.757 0 5 2.243 5 5z"
/>
<path
fill="url(#b)"
d="M57 21H7c-1.654 0-3 1.346-3 3v18c0 1.654 1.346 3 3 3h50c1.654 0 3-1.346 3-3V24c0-1.654-1.346-3-3-3zm-3 7v10c0 .551-.449 1-1 1H38c-.551 0-1-.449-1-1V28c0-.551.449-1 1-1h15c.551 0 1 .449 1 1zm-27 0v10c0 .551-.449 1-1 1H11c-.551 0-1-.449-1-1V28c0-.551.449-1 1-1h15c.551 0 1 .449 1 1z"
/>
<path
fill="url(#c)"
d="M16 29h-2c-1.103 0-2 .897-2 2v4c0 1.103.897 2 2 2h2c1.103 0 2-.897 2-2v-4c0-1.103-.897-2-2-2zm-2 6v-4h2l.001 4z"
/>
<path
fill="url(#d)"
d="M23 29h-2c-1.103 0-2 .897-2 2v4c0 1.103.897 2 2 2h2c1.103 0 2-.897 2-2v-4c0-1.103-.897-2-2-2zm-2 6v-4h2l.001 4z"
/>
<path
fill="url(#e)"
d="M50 29h-2c-1.103 0-2 .897-2 2v4c0 1.103.897 2 2 2h2c1.103 0 2-.897 2-2v-4c0-1.103-.897-2-2-2zm0 6h-2v-4h2z"
/>
<path
fill="url(#f)"
d="M43 29h-2c-1.103 0-2 .897-2 2v4c0 1.103.897 2 2 2h2c1.103 0 2-.897 2-2v-4c0-1.103-.897-2-2-2zm0 6h-2v-4h2z"
/>
</svg>
More icons in the same style and category