Add icons to this collection by clicking the heart icon.
Digital Clock icon - also known as clock, time, alarm, digital, alarm clock, timer, electronics, digital clock, and time and date. Created in a clean lineal color style with a white, gray, black, and yellow finish, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="M10 86h492v200H10Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#ffd659"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v-20h-102V0c0 11.05 8.95 20 20 20h62C-8.95 20 0 11.05 0 0"
transform="translate(174 346)"
fill="#d9e7ec"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-20c0-11.05-8.95-20-20-20h-452c-11.05 0-20 8.95-20 20V0Z"
transform="translate(502 86)"
fill="#50536e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-452c-11.05 0-20-8.95-20-20v-20H20v20C20-8.95 11.05 0 0 0"
transform="translate(482 326)"
fill="#50536e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c5.52 0 10-4.48 10-10S5.52-20 0-20s-10 4.48-10 10S-5.52 0 0 0"
transform="translate(256 226)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c5.52 0 10-4.48 10-10S5.52-20 0-20s-10 4.48-10 10S-5.52 0 0 0"
transform="translate(256 166)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-5.52 0-10-4.48-10-10s4.48-10 10-10 10 4.48 10 10S5.52 0 0 0"
transform="translate(52 296)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c18.1 18.1 43.1 29.29 70.71 29.29 27.61 0 52.61-11.19 70.71-29.29"
transform="translate(265.29 437.42)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="4"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c10.87 10.86 25.87 17.59 42.41 17.59 16.54 0 31.54-6.73 42.41-17.59"
transform="translate(293.59 409.12)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="4"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c3.62 3.62 8.62 5.86 14.13 5.86 5.51 0 10.51-2.24 14.13-5.86"
transform="translate(321.87 380.85)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="4"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h308c11.05 0 20-8.95 20-20v-240c0-11.05-8.95-20-20-20h-452c-11.05 0-20 8.95-20 20v240c0 11.05 8.95 20 20 20h42"
transform="translate(174 326)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="4"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-20c-11.05 0-20 8.95-20 20v80c0 11.05 8.95 20 20 20H0c11.05 0 20-8.95 20-20V20C20 8.95 11.05 0 0 0Z"
transform="translate(92 126)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="4"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-20c-11.05 0-20 8.95-20 20v40H0c11.05 0 20-8.95 20-20V20C20 8.95 11.05 0 0 0Z"
transform="translate(194 126)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="4"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-20c-11.05 0-20 8.95-20 20v80c0 11.05 8.95 20 20 20H0c11.05 0 20-8.95 20-20V20C20 8.95 11.05 0 0 0Z"
transform="translate(338 126)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="4"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-20c-11.05 0-20 8.95-20 20v80c0 11.05 8.95 20 20 20H0c11.05 0 20-8.95 20-20V20C20 8.95 11.05 0 0 0Z"
transform="translate(440 126)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="4"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v40c0 11.05 8.95 20 20 20h40"
transform="translate(154 186)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="4"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h492"
transform="translate(10 86)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="4"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h410"
transform="translate(92 286)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="4"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-102v20c0 11.05 8.95 20 20 20h62c11.05 0 20-8.95 20-20Z"
transform="translate(174 326)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="4"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category