Add icons to this collection by clicking the heart icon.
Digital Clock icon - also known as education, clock, time, 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="100"
height="100"
viewBox="0 0 480 480"
>
<linearGradient
id="a"
x1="-26.875"
x2="-26.875"
y1="562.692"
y2="603.336"
gradientTransform="matrix(8 0 0 -8 455 4905)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M456 108H192V92a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v16h-16V92a8 8 0 0 0-8-8H56a8 8 0 0 0-8 8v16H24c-13.255 0-24 10.745-24 24v208c0 13.255 10.745 24 24 24h16v32h96v-32h208v32h96v-32h16c13.255 0 24-10.745 24-24V132c0-13.255-10.745-24-24-24zm-296-8h16v8h-16v-8zm-96 0h48v8H64v-8zm56 280H56v-16h64v16zm304 0h-64v-16h64v16zm40-40a8 8 0 0 1-8 8H24a8 8 0 0 1-8-8V132a8 8 0 0 1 8-8h432a8 8 0 0 1 8 8v208z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-26.875"
x2="-26.875"
y1="562.692"
y2="603.336"
gradientTransform="matrix(8 0 0 -8 455 4905)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M448 132H32a8 8 0 0 0-8 8v192a8 8 0 0 0 8 8h416a8 8 0 0 0 8-8V140a8 8 0 0 0-8-8zm-8 192H40V148h400v176z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-18.875"
x2="-18.875"
y1="562.692"
y2="603.336"
gradientTransform="matrix(8 0 0 -8 455 4905)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M296 284h16c13.255 0 24-10.745 24-24v-48c0-13.255-10.745-24-24-24h-16c-13.255 0-24 10.745-24 24v48c0 13.255 10.745 24 24 24zm16-16h-16a8 8 0 0 1-8-8v-16h32v16a8 8 0 0 1-8 8zm-16-64h16a8 8 0 0 1 8 8v16h-32v-16a8 8 0 0 1 8-8z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-8.875"
x2="-8.875"
y1="562.692"
y2="603.336"
gradientTransform="matrix(8 0 0 -8 455 4905)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M376 284h16c13.255 0 24-10.745 24-24v-48c0-13.255-10.745-24-24-24h-16c-13.255 0-24 10.745-24 24v48c0 13.255 10.745 24 24 24zm16-16h-16a8 8 0 0 1-8-8v-16h32v16a8 8 0 0 1-8 8zm-16-64h16a8 8 0 0 1 8 8v16h-32v-16a8 8 0 0 1 8-8z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-44.875"
x2="-44.875"
y1="562.692"
y2="603.336"
gradientTransform="matrix(8 0 0 -8 455 4905)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M88 284h16c13.255 0 24-10.745 24-24v-48c0-13.255-10.745-24-24-24H88c-13.255 0-24 10.745-24 24v48c0 13.255 10.745 24 24 24zm16-16H88a8 8 0 0 1-8-8v-16h32v16a8 8 0 0 1-8 8zm-16-64h16a8 8 0 0 1 8 8v16H80v-16a8 8 0 0 1 8-8z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-34.875"
x2="-34.875"
y1="562.692"
y2="603.336"
gradientTransform="matrix(8 0 0 -8 455 4905)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M168 284h16c13.255 0 24-10.745 24-24v-48c0-13.255-10.745-24-24-24h-16c-13.255 0-24 10.745-24 24v48c0 13.255 10.745 24 24 24zm16-16h-16a8 8 0 0 1-8-8v-16h32v16a8 8 0 0 1-8 8zm-16-64h16a8 8 0 0 1 8 8v16h-32v-16a8 8 0 0 1 8-8z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-26.875"
x2="-26.875"
y1="562.692"
y2="603.336"
gradientTransform="matrix(8 0 0 -8 455 4905)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M240 228a8 8 0 0 0 8-8v-16a8 8 0 0 0-16 0v16a8 8 0 0 0 8 8z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="-26.875"
x2="-26.875"
y1="562.692"
y2="603.336"
gradientTransform="matrix(8 0 0 -8 455 4905)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M240 276a8 8 0 0 0 8-8v-16a8 8 0 0 0-16 0v16a8 8 0 0 0 8 8z"
fill="url(#h)"
/>
</svg>
More icons in the same style and category