Add icons to this collection by clicking the heart icon.
Digital Clock icon - also known as clock, wake up, alarm, electronics, digital clock, time and date, and digital alarm clock. Created in a clean lineal color 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="c" clipPathUnits="userSpaceOnUse">
<path
d="M90.644 329.646c0-7.616.515-15.11 1.513-22.451 4.043-29.747-9.886-59.143-35.211-75.263C21.333 209.264 0 180.392 0 148.952 0 76.076 114.615 16.998 256 16.998s256 59.078 256 131.954c0 31.44-21.334 60.312-56.946 82.98-25.325 16.12-39.254 45.516-35.211 75.262a166.512 166.512 0 0 1 1.508 23.749c-.691 90.024-74.254 163.485-164.279 164.056-.354.002-.719.003-1.071.003-91.33.007-165.357-74.029-165.357-165.356"
/>
</clipPath>
<clipPath id="f" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="g" clipPathUnits="userSpaceOnUse">
<path d="M37.1 462.028H460.7V29.349H37.1Z" />
</clipPath>
<clipPath id="h" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="i" clipPathUnits="userSpaceOnUse">
<path
d="M428.41 872.111c-8.355 8.357-18.026 14.924-28.717 19.766-28.02 12.69-50.051 35.407-62.434 63.565-22.917 52.113-74.975 88.512-135.545 88.558-79.313.061-145.163-63.163-148.148-142.418-1.277-33.922 8.858-65.421 26.87-90.97 22.877-32.448 28.821-73.782 17.021-111.689-16.765-53.858-10.919-104.899 20.973-136.791 55.888-55.888 170.587-31.804 256.184 53.795 85.599 85.598 109.684 200.297 53.796 256.184"
/>
</clipPath>
<linearGradient
id="a"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(-610.93364 610.93364) rotate(31.036 -.708 -1.255)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#fff" />
<stop offset=".002" stop-opacity="1" stop-color="#fff" />
<stop offset=".992" stop-opacity="0" stop-color="#fff" />
<stop offset="1" stop-opacity="0" stop-color="#fff" />
</linearGradient>
<linearGradient
id="e"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(-610.93364 610.93364) rotate(31.036 -.708 -1.255)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#ffc599" />
<stop offset=".002" stop-opacity="1" stop-color="#ffc599" />
<stop offset=".992" stop-opacity="1" stop-color="#ffe8dc" />
<stop offset="1" stop-opacity="1" stop-color="#ffe8dc" />
</linearGradient>
<linearGradient
id="b"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(-901.13033 901.13033) rotate(-45 1.17 1.293)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#fff" />
<stop offset=".002" stop-opacity="1" stop-color="#fff" />
<stop offset=".992" stop-opacity="0" stop-color="#fff" />
<stop offset="1" stop-opacity="0" stop-color="#fff" />
</linearGradient>
<linearGradient
id="k"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(-901.13033 901.13033) rotate(-45 1.17 1.293)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#ffc599" />
<stop offset=".002" stop-opacity="1" stop-color="#ffc599" />
<stop offset=".992" stop-opacity="1" stop-color="#ffe8dc" />
<stop offset="1" stop-opacity="1" stop-color="#ffe8dc" />
</linearGradient>
<mask
id="d"
width="1"
height="1"
x="0"
y="0"
maskUnits="userSpaceOnUse"
>
<path
d="M-32768 32767h65535v-65535h-65535Z"
fill="url(#a)"
stroke="none"
/>
</mask>
<mask
id="j"
width="1"
height="1"
x="0"
y="0"
maskUnits="userSpaceOnUse"
>
<path
d="M-32768 32767h65535v-65535h-65535Z"
fill="url(#b)"
stroke="none"
/>
</mask>
</defs>
<g clip-path="url(#c)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<g mask="url(#d)">
<path
d="M90.644 329.646c0-7.616.515-15.11 1.513-22.451 4.043-29.747-9.886-59.143-35.211-75.263C21.333 209.264 0 180.392 0 148.952 0 76.076 114.615 16.998 256 16.998s256 59.078 256 131.954c0 31.44-21.334 60.312-56.946 82.98-25.325 16.12-39.254 45.516-35.211 75.262a166.512 166.512 0 0 1 1.508 23.749c-.691 90.024-74.254 163.485-164.279 164.056-.354.002-.719.003-1.071.003-91.33.007-165.357-74.029-165.357-165.356"
fill="url(#e)"
stroke="none"
/>
</g>
</g>
<g clip-path="url(#f)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<g clip-path="url(#g)" opacity=".1">
<path
d="M0 0c10.545 12.117 16.945 27.938 16.945 45.263 0 38.108-30.892 69-69 69-20.976 0-39.752-9.372-52.407-24.143-24.297 9.713-50.809 15.064-78.573 15.064-116.974 0-211.799-94.827-211.799-211.8 0-116.974 94.825-211.799 211.799-211.799 116.973 0 211.8 94.825 211.8 211.799C28.765-67.739 18.28-31.315 0 0"
transform="translate(431.935 347.765)"
fill="#00c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<path
d="M0 0c0-116.974-94.826-211.799-211.8-211.799-116.973 0-211.799 94.825-211.799 211.799s94.826 211.8 211.799 211.8C-94.826 211.8 0 116.974 0 0"
transform="translate(460.7 261.772)"
fill="#6c6cff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-12.44-18.1-33.29-29.97-56.91-29.97-38.111 0-69 30.89-69 69 0 22.531 10.8 42.55 27.519 55.14C-56.15 74.45-21.5 41.2 0 0"
transform="translate(436.79 359.611)"
fill="#4d4dff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-98.416-79.782-178.197-178.198-178.197-98.416 0-178.198 79.781-178.198 178.197s79.782 178.198 178.198 178.198C-79.782 178.198 0 98.416 0 0"
transform="translate(427.098 261.772)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-9.239-4.601-19.67-7.19-30.689-7.19-38.111 0-69 30.889-69 69 0 9.95 2.11 19.4 5.889 27.95C-52.39 72.689-18.819 40.47 0 0"
transform="translate(410.57 336.832)"
fill="#ebebff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-23.758 9.221-49.592 14.278-76.607 14.278-56.443 0-107.724-22.083-145.688-58.074"
transform="translate(325.507 459.293)"
fill="none"
stroke="#00c"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-27.195-35.623-43.358-80.117-43.358-128.395 0-116.973 94.825-211.798 211.798-211.798 116.974 0 211.8 94.825 211.8 211.798 0 26.881-5.008 52.592-14.14 76.251"
transform="translate(80.459 390.166)"
fill="none"
stroke="#00c"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-38.107-30.893-69-69-69-38.108 0-69 30.893-69 69s30.892 69 69 69C-30.893 69 0 38.107 0 0"
transform="translate(448.88 413.65)"
fill="#ffab66"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-28.753-23.31-52.063-52.063-52.063-28.753 0-52.063 23.31-52.063 52.063 0 28.754 23.31 52.063 52.063 52.063C-23.31 52.063 0 28.754 0 0"
transform="translate(431.942 413.65)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-38.107-30.893-69-69-69-38.108 0-69 30.893-69 69s30.892 69 69 69C-30.893 69 0 38.107 0 0Z"
transform="translate(448.88 413.65)"
fill="none"
stroke="#00c"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0a8.442 8.442 0 0 0 8.441 8.442c6.369 0 9.888-6.519 7.455-12.404C13.137-10.64 0-21.18 0-21.18h18.107"
transform="translate(347.227 419.73)"
fill="none"
stroke="#ff2c2c"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-12.936h14.024"
transform="translate(380.223 428.084)"
fill="none"
stroke="#ff2c2c"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-29.446"
transform="translate(395.845 428.084)"
fill="none"
stroke="#ff2c2c"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-6.667"
transform="translate(412.533 434.751)"
fill="none"
stroke="#ff2c2c"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-5.331a6.803 6.803 0 0 0-6.803 6.803V23.26a6.802 6.802 0 0 0 6.803 6.802H0a6.802 6.802 0 0 0 6.803-6.802V6.803A6.803 6.803 0 0 0 0 0Z"
transform="translate(233.665 212.738)"
fill="none"
stroke="#00c"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-5.331a6.803 6.803 0 0 0-6.803 6.803V23.26a6.802 6.802 0 0 0 6.803 6.802H0a6.802 6.802 0 0 0 6.803-6.802V6.803A6.803 6.803 0 0 0 0 0Z"
transform="translate(269.466 212.738)"
fill="none"
stroke="#00c"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-5.331a6.803 6.803 0 0 0-6.803 6.803V23.26a6.802 6.802 0 0 0 6.803 6.802H0a6.802 6.802 0 0 0 6.803-6.802V6.803A6.803 6.803 0 0 0 0 0Z"
transform="translate(143.019 212.738)"
fill="none"
stroke="#00c"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-5.331a6.803 6.803 0 0 0-6.803 6.803V23.26a6.802 6.802 0 0 0 6.803 6.802H0a6.802 6.802 0 0 0 6.803-6.802V6.803A6.803 6.803 0 0 0 0 0Z"
transform="translate(178.82 212.738)"
fill="none"
stroke="#00c"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-5.332a6.803 6.803 0 0 0-6.803 6.803V23.26a6.802 6.802 0 0 0 6.803 6.802H0a6.802 6.802 0 0 0 6.803-6.802V6.803A6.803 6.803 0 0 0 0 0Z"
transform="translate(324.312 212.738)"
fill="none"
stroke="#00c"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-5.332a6.802 6.802 0 0 0-6.802 6.803V23.26a6.802 6.802 0 0 0 6.802 6.802H0a6.802 6.802 0 0 0 6.803-6.802V6.803A6.803 6.803 0 0 0 0 0Z"
transform="translate(360.112 212.738)"
fill="none"
stroke="#00c"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-.115"
transform="translate(203.577 220.077)"
fill="none"
stroke="#00c"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-.115"
transform="translate(203.577 235.577)"
fill="none"
stroke="#00c"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-.115"
transform="translate(294.223 220.077)"
fill="none"
stroke="#00c"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-.115"
transform="translate(294.223 235.577)"
fill="none"
stroke="#00c"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-17.521a7 7 0 0 0-7 7v36.04a7 7 0 0 0 7 7H0a7 7 0 0 0 7-7V7a7 7 0 0 0-7-7Z"
transform="translate(170.42 272.765)"
fill="none"
stroke="#00c"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-17.521a7 7 0 0 0-7 7v36.04a7 7 0 0 0 7 7H0a7 7 0 0 0 7-7V7a7 7 0 0 0-7-7Z"
transform="translate(221.014 272.765)"
fill="none"
stroke="#00c"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-17.521a7 7 0 0 0-7 7v36.04a7 7 0 0 0 7 7H0a7 7 0 0 0 7-7V7a7 7 0 0 0-7-7Z"
transform="translate(294.307 272.765)"
fill="none"
stroke="#00c"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-17.521a7 7 0 0 0-7 7v36.04a7 7 0 0 0 7 7H0a7 7 0 0 0 7-7V7a7 7 0 0 0-7-7Z"
transform="translate(344.9 272.765)"
fill="none"
stroke="#00c"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-.191"
transform="translate(248.9 284.98)"
fill="none"
stroke="#00c"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-.191"
transform="translate(248.9 310.781)"
fill="none"
stroke="#00c"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-8.266 11.966c-1.987 2.878-6.24 2.878-8.227 0L-24.759 0c-2.502-3.623.091-8.565 4.494-8.565h15.771C-.091-8.565 2.502-3.623 0 0"
transform="translate(261.28 115.682)"
fill="#ff2c2c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 8.266-11.967c1.987-2.878 6.24-2.878 8.227 0L24.759 0c2.502 3.622-.091 8.565-4.494 8.565H4.494C.091 8.565-2.502 3.622 0 0"
transform="translate(236.52 407.862)"
fill="#ff2c2c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a5 5 0 0 0-5-5h-99.5a5 5 0 1 0 0 10H-5a5 5 0 0 0 5-5"
transform="translate(303.65 151.883)"
fill="#d9d9ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-12.5a5 5 0 1 0 0 10H0A5 5 0 1 0 0 0"
transform="translate(229.79 167.11)"
fill="#d9d9ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-24.5a5 5 0 1 0 0 10H0A5 5 0 1 0 0 0"
transform="translate(261.15 360.697)"
fill="#ffab66"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-33.5a5 5 0 1 0 0 10H0A5 5 0 1 0 0 0"
transform="translate(280.51 167.11)"
fill="#d9d9ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-10 10-10-10"
transform="translate(94.857 448.781)"
fill="none"
stroke="#ff9d33"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-10 10-10-10"
transform="translate(458.88 102.116)"
fill="none"
stroke="#6c6cff"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-10-10"
transform="translate(58.903 406.953)"
fill="none"
stroke="#6c6cff"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-10-10"
transform="translate(99.857 44.35)"
fill="none"
stroke="#ff6c6c"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-10-10"
transform="translate(474.9 377.572)"
fill="none"
stroke="#ff6c6c"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g clip-path="url(#h)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<g clip-path="url(#i)">
<g mask="url(#j)">
<path
d="M428.41 872.111c-8.355 8.357-18.026 14.924-28.717 19.766-28.02 12.69-50.051 35.407-62.434 63.565-22.917 52.113-74.975 88.512-135.545 88.558-79.313.061-145.163-63.163-148.148-142.418-1.277-33.922 8.858-65.421 26.87-90.97 22.877-32.448 28.821-73.782 17.021-111.689-16.765-53.858-10.919-104.899 20.973-136.791 55.888-55.888 170.587-31.804 256.184 53.795 85.599 85.598 109.684 200.297 53.796 256.184"
fill="url(#k)"
stroke="none"
/>
</g>
</g>
</g>
</svg>
More icons in the same style and category