Add icons to this collection by clicking the heart icon.
Digital Clock icon - also known as clock, time, wake up, alarm, digital, alarm clock, timer, 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="640"
height="640"
viewBox="0 -40 480 480"
>
<linearGradient id="a">
<stop offset="0" stop-color="#4761ac" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<linearGradient
id="b"
x1="-8"
x2="472.264"
y1="200"
y2="200"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="-8"
x2="472"
y1="200"
y2="200"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="-8"
x2="472.264"
y1="248"
y2="248"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="-8"
x2="472.264"
y1="172"
y2="172"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="-8"
x2="472.264"
y1="236"
y2="236"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M424 64H56c-13.254 0-24 10.746-24 24v224c0 13.254 10.746 24 24 24h368c13.254 0 24-10.746 24-24V88c0-13.254-10.746-24-24-24zm8 248a8 8 0 0 1-8 8H56a8 8 0 0 1-8-8V88a8 8 0 0 1 8-8h368a8 8 0 0 1 8 8zm0 0"
/>
<path
fill="url(#c)"
d="M440 32h-72.8C363.37 13.387 347 .023 328 0H152c-19 .023-35.371 13.387-39.2 32H40C17.918 32.027.027 49.918 0 72v256c.027 22.082 17.918 39.973 40 40h24v24a8 8 0 0 0 8 8h80a8 8 0 0 0 8-8v-24h152v24a8 8 0 0 0 8 8h80a8 8 0 0 0 8-8v-24h32c22.082-.027 39.973-17.918 40-40V72c-.027-22.082-17.918-39.973-40-40zM152 16h176a24.047 24.047 0 0 1 22.633 16H129.367A24.047 24.047 0 0 1 152 16zm-8 368H80v-16h64zm248 0h-64v-16h64zm72-56c0 13.254-10.746 24-24 24H40c-13.254 0-24-10.746-24-24V72c0-13.254 10.746-24 24-24h400c13.254 0 24 10.746 24 24zm0 0"
/>
<path
fill="url(#d)"
d="M392 224a8 8 0 0 0-8 8v24h-48v-24a8 8 0 0 0-16 0v32a8 8 0 0 0 8 8h64a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8zm0 0"
/>
<path
fill="url(#e)"
d="M392 136h-64a8 8 0 0 0-8 8v56a8 8 0 0 0 16 0v-48h48v48a8 8 0 0 0 16 0v-56a8 8 0 0 0-8-8zm0 0"
/>
<path
fill="url(#d)"
d="M296 224a8 8 0 0 0-8 8v24h-48v-24a8 8 0 0 0-16 0v32a8 8 0 0 0 8 8h64a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8zm0 0"
/>
<path
fill="url(#e)"
d="M296 136h-64a8 8 0 0 0-8 8v56a8 8 0 0 0 16 0v-48h48v48a8 8 0 0 0 16 0v-56a8 8 0 0 0-8-8zm0 0"
/>
<path
fill="url(#d)"
d="M160 224a8 8 0 0 0-8 8v24H96v-24a8 8 0 0 0-16 0v32a8 8 0 0 0 8 8h72a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8zm0 0"
/>
<path
fill="url(#e)"
d="M160 136H88a8 8 0 0 0-8 8v56a8 8 0 0 0 8 8h64a8 8 0 0 0 0-16H96v-40h64a8 8 0 0 0 0-16zM192 160a8 8 0 0 0-8 8v8a8 8 0 0 0 16 0v-8a8 8 0 0 0-8-8zm0 0"
/>
<path
fill="url(#f)"
d="M192 224a8 8 0 0 0-8 8v8a8 8 0 0 0 16 0v-8a8 8 0 0 0-8-8zm0 0"
/>
</svg>
More icons in the same style and category