Add icons to this collection by clicking the heart icon.
Digital Clock icon - also known as time, hour, alarm clock, electronics, digital clock, time and date, and desk clock. Created in a clean lineal style with a white, silver, and blue 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="d" clipPathUnits="userSpaceOnUse">
<path
d="M175.745 309.056c-68.311 0-113.975 65.648-162.164 13.464C4.261 312.427.031 300.318 0 288.105v-.269c.079-31.427 27.906-63.443 68.269-63.443 90.53 0 81.409-85.407 128.65-106.997 47.724-21.812 69.037 7.074 108.868 24.583 14.581 6.411 31.611.027 46.879-4.513 77.226-22.963 164.028 16.769 159.136 104.379-1.672 29.946-18.809 160.585-136.06 160.585-81.95 0-126.868-93.374-199.997-93.374"
/>
</clipPath>
<clipPath id="g" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="h" clipPathUnits="userSpaceOnUse">
<path d="M38.668 405.955h434.664V104.08H38.668Z" />
</clipPath>
<clipPath id="i" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="j" clipPathUnits="userSpaceOnUse">
<path
d="M-44.536 49.951c-61.757-120.808-223.793 18.097-326.345 30.484-43.218 5.221-54.275-39.699-110.565-39.699-50.476 0-78.438 84.885-9.263 109.018 169.364 59.087 91.095 290.407 169.067 348.67 24.303 18.16 60.036 15.412 86.421.428 64.575-36.672-10.651-127.468 12.019-184.116 50.78-126.887 277.138-72.156 178.666-264.785"
/>
</clipPath>
<clipPath id="m" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="n" clipPathUnits="userSpaceOnUse">
<path
d="M455.084 903.674c-65.529 48.994-165.88-148.974-215.208 68.088-33.624 147.963-159.032 32.644-184.946-28.724-21.957-51.997-23.146-99.113 5.488-118.444 48.537-32.766 103.449 9.384 125.759-64.54 17.747-58.806 35.521-119.63 63.27-174.387 48.391-95.491 203.696-52.782 175.254 43.812-54.403 184.761 99.623 222.427 30.383 274.195"
/>
</clipPath>
<linearGradient
id="a"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(512 0 0 -512 0 256)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="0" stop-color="#fff" />
<stop offset="1" stop-opacity="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="f"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(512 0 0 -512 0 256)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#d1ddff" />
<stop offset="1" stop-opacity="1" stop-color="#b6c4ff" />
</linearGradient>
<linearGradient
id="b"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(511.99997 0 0 -511.99997 -532 256)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="0" stop-color="#fff" />
<stop offset="1" stop-opacity="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="l"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(511.99997 0 0 -511.99997 -532 256)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#d1ddff" />
<stop offset="1" stop-opacity="1" stop-color="#b6c4ff" />
</linearGradient>
<linearGradient
id="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(434.66409 0 0 -434.66409 38.668 788)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="0" stop-color="#fff" />
<stop offset="1" stop-opacity="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="p"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(434.66409 0 0 -434.66409 38.668 788)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#d1ddff" />
<stop offset="1" stop-opacity="1" stop-color="#b6c4ff" />
</linearGradient>
<mask
id="e"
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="k"
width="1"
height="1"
x="0"
y="0"
maskUnits="userSpaceOnUse"
>
<path
d="M-32768 32767h65535v-65535h-65535Z"
fill="url(#b)"
stroke="none"
/>
</mask>
<mask
id="o"
width="1"
height="1"
x="0"
y="0"
maskUnits="userSpaceOnUse"
>
<path
d="M-32768 32767h65535v-65535h-65535Z"
fill="url(#c)"
stroke="none"
/>
</mask>
</defs>
<g clip-path="url(#d)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<g mask="url(#e)">
<path
d="M175.745 309.056c-68.311 0-113.975 65.648-162.164 13.464C4.261 312.427.031 300.318 0 288.105v-.269c.079-31.427 27.906-63.443 68.269-63.443 90.53 0 81.409-85.407 128.65-106.997 47.724-21.812 69.037 7.074 108.868 24.583 14.581 6.411 31.611.027 46.879-4.513 77.226-22.963 164.028 16.769 159.136 104.379-1.672 29.946-18.809 160.585-136.06 160.585-81.95 0-126.868-93.374-199.997-93.374"
fill="url(#f)"
stroke="none"
/>
</g>
</g>
<g clip-path="url(#g)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<g clip-path="url(#h)" opacity=".1">
<path
d="M0 0a5.001 5.001 0 0 1 6.929 1.411C14.565 12.952 27.376 19.843 41.2 19.843c13.823 0 26.634-6.891 34.271-18.432A4.994 4.994 0 0 1 82.399 0a5 5 0 0 1 1.412 6.929C74.317 21.276 58.388 29.843 41.2 29.843c-17.189 0-33.118-8.567-42.611-22.914A5 5 0 0 1 0 0"
transform="translate(294.467 376.112)"
fill="#0000cb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-10 0-19.271-4.987-24.799-13.342a5 5 0 1 1 8.34-5.517A19.698 19.698 0 0 0 0-10a19.7 19.7 0 0 0 16.46-8.859 4.997 4.997 0 0 1 6.929-1.412 5 5 0 0 1 1.411 6.929C19.271-4.987 10 0 0 0"
transform="translate(335.667 384.598)"
fill="#0000cb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-234.664c-55.229 0-100-44.771-100-100v-101.593c0-5.523 4.477-10 10-10h3.641v-16.124c0-5.522 4.478-10 10-10H76.359c5.522 0 10 4.478 10 10v16.124H90c5.523 0 10 4.477 10 10V-100C100-44.771 55.228 0 0 0"
transform="translate(373.332 341.796)"
fill="#0000cb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<path
d="M0 0c8.565 12.946 22.936 20.674 38.441 20.674 15.505 0 29.876-7.728 38.441-20.674"
transform="translate(297.226 404.282)"
fill="none"
stroke="#0000cb"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-4.425 6.687-12.01 11.101-20.63 11.101-8.619 0-16.204-4.414-20.629-11.101"
transform="translate(356.297 392.497)"
fill="none"
stroke="#0000cb"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-387.381c-5.523 0-10 4.477-10 10v16.124H10V10C10 4.477 5.523 0 0 0"
transform="translate(449.69 128.08)"
fill="#6582fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-387.381c-5.523 0-10 4.477-10 10v16.124H10V10C10 4.477 5.523 0 0 0Z"
transform="translate(449.69 128.08)"
fill="none"
stroke="#0000cb"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-5 4.996c0 55.229 44.772 100 100 100h234.664c55.229 0 100-44.771 100-100l-5-4.996z"
transform="translate(43.668 260.8)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-41.997c0-5.523 4.477-10 10-10h414.664c5.523 0 10 4.477 10 10V0l-5 5H5Z"
transform="translate(38.668 206.2)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v59.596h-434.664V0h67.846l5.047 5h288.925l5-5z"
transform="translate(473.332 206.2)"
fill="#6582fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-434.664"
transform="translate(473.332 265.796)"
fill="none"
stroke="#0000cb"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-298.971v113.542c0 5.523 4.477 10 10 10H-10c5.523 0 10-4.477 10-10z"
transform="translate(405.486 206.2)"
fill="#6582fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v113.542c0 5.523 4.477 10 10 10h278.971c5.523 0 10-4.477 10-10V0"
transform="translate(106.514 206.2)"
fill="none"
stroke="#0000cb"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-434.664"
transform="translate(473.332 206.2)"
fill="none"
stroke="#0000cb"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-59.229c0-5.523 4.477-10 10-10h414.664c5.523 0 10 4.477 10 10V42.364c0 55.228-44.771 100-100 100h-21.095"
transform="translate(38.668 223.433)"
fill="none"
stroke="#0000cb"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-184.031c-55.228 0-100-44.771-100-100v-12.826"
transform="translate(322.699 365.796)"
fill="none"
stroke="#0000cb"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0a3.662 3.662 0 0 0-3.658-3.658h-6.786A3.662 3.662 0 0 0-14.102 0v28.945a3.662 3.662 0 0 0 3.658 3.659h6.786A3.662 3.662 0 0 0 0 28.945Zm-3.658 42.604h-6.786c-7.531 0-13.658-6.127-13.658-13.659V0c0-7.531 6.127-13.658 13.658-13.658h6.786C3.873-13.658 10-7.531 10 0v28.945c0 7.532-6.127 13.659-13.658 13.659"
transform="translate(181.333 264.57)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-19.329a5 5 0 1 1 0-10h13.102l-10.655-40.182a5 5 0 1 1 9.764-2.16l12 46.262A5 5 0 0 1 0 0"
transform="translate(228.577 307.174)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a3.662 3.662 0 0 0-3.658-3.658h-6.786A3.662 3.662 0 0 0-14.102 0v28.945a3.662 3.662 0 0 0 3.658 3.659h6.786A3.662 3.662 0 0 0 0 28.945Zm-3.658 42.604h-6.786c-7.531 0-13.658-6.127-13.658-13.659V0c0-7.531 6.127-13.658 13.658-13.658h6.786C3.873-13.658 10-7.531 10 0v28.945c0 7.532-6.127 13.659-13.658 13.659"
transform="translate(348.769 264.57)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-13.941a5 5 0 0 1-5-5 5 5 0 0 1 5-5H0a2.583 2.583 0 0 0 2.581-2.58v-7.97A2.584 2.584 0 0 0 0-23.131h-13.941a5 5 0 0 1-5-5 5 5 0 0 1 5-5H0a2.584 2.584 0 0 0 2.581-2.581v-7.969A2.584 2.584 0 0 0 0-46.262h-13.941a5 5 0 1 1 0-10H0c6.937 0 12.581 5.644 12.581 12.581v7.969a12.5 12.5 0 0 1-2.565 7.581 12.5 12.5 0 0 1 2.565 7.581v7.97C12.581-5.644 6.937 0 0 0"
transform="translate(300.268 307.174)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a5 5 0 1 0-10.001.001A5 5 0 0 0 0 0"
transform="translate(261.696 267.976)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a5 5 0 1 0-10.001.001A5 5 0 0 0 0 0"
transform="translate(261.696 290.108)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-19.812a7.5 7.5 0 0 0 0 15H0A7.5 7.5 0 0 0 0 0"
transform="translate(376.917 173.702)"
fill="#6582fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-19.812a7.5 7.5 0 0 0 0 15H0A7.5 7.5 0 0 0 0 0"
transform="translate(427.312 173.702)"
fill="#6582fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.5 7.5 0 1 0-15 0A7.5 7.5 0 0 0 0 0"
transform="translate(92.188 181.202)"
fill="#6582fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.5 7.5 0 1 0-15 0A7.5 7.5 0 0 0 0 0"
transform="translate(119.061 181.202)"
fill="#6582fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.5 7.5 0 1 0-15 0A7.5 7.5 0 0 0 0 0"
transform="translate(145.934 181.202)"
fill="#6582fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-8.476a5 5 0 1 0 0 10H0A5 5 0 0 0 0 0"
transform="translate(202.483 219.536)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-8.476a5 5 0 1 0 0 10H0A5 5 0 0 0 0 0"
transform="translate(234.053 219.536)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a5 5 0 1 0-10.001.001A5 5 0 0 0 0 0"
transform="translate(261.095 224.536)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a5 5 0 1 0-10.001.001A5 5 0 0 0 0 0"
transform="translate(281.728 224.536)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a5 5 0 1 0-10.001.001A5 5 0 0 0 0 0"
transform="translate(302.36 224.536)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a5 5 0 1 0-10.001.001A5 5 0 0 0 0 0"
transform="translate(322.993 224.536)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.706 7.706 0 0 0-10.899 0 7.706 7.706 0 0 0 0 10.899 7.706 7.706 0 0 0 10.899 0A7.706 7.706 0 0 0 0 0Z"
transform="translate(233.42 411.135)"
fill="none"
stroke="#6582fd"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 5.947 5.947"
transform="translate(233.42 422.034)"
fill="none"
stroke="#6582fd"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0a7.706 7.706 0 0 0-10.899 0 7.706 7.706 0 0 0 0 10.899 7.706 7.706 0 0 0 10.899 0A7.706 7.706 0 0 0 0 0Z"
transform="translate(421.01 79.75)"
fill="none"
stroke="#6582fd"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 5.947 5.947"
transform="translate(421.01 90.65)"
fill="none"
stroke="#6582fd"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-6.259-5.074-11.333-11.333-11.333C-5.074-11.333 0-16.407 0-22.667c0 6.26 5.074 11.334 11.333 11.334C5.074-11.333 0-6.259 0 0Z"
transform="translate(209.578 75.711)"
fill="none"
stroke="#6582fd"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-6.259-5.074-11.333-11.333-11.333C-5.074-11.333 0-16.407 0-22.667c0 6.26 5.074 11.334 11.333 11.334C5.074-11.333 0-6.259 0 0Z"
transform="translate(276.728 467.816)"
fill="none"
stroke="#6582fd"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-6.259-5.074-11.333-11.333-11.333C-5.074-11.333 0-16.407 0-22.667c0 6.26 5.074 11.334 11.333 11.334C5.074-11.333 0-6.259 0 0Z"
transform="translate(145.934 87.044)"
fill="none"
stroke="#6582fd"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g clip-path="url(#i)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<g clip-path="url(#j)">
<g mask="url(#k)">
<path
d="M-44.536 49.951c-61.757-120.808-223.793 18.097-326.345 30.484-43.218 5.221-54.275-39.699-110.565-39.699-50.476 0-78.438 84.885-9.263 109.018 169.364 59.087 91.095 290.407 169.067 348.67 24.303 18.16 60.036 15.412 86.421.428 64.575-36.672-10.651-127.468 12.019-184.116 50.78-126.887 277.138-72.156 178.666-264.785"
fill="url(#l)"
stroke="none"
/>
</g>
</g>
</g>
<g clip-path="url(#m)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<g clip-path="url(#n)">
<g mask="url(#o)">
<path
d="M455.084 903.674c-65.529 48.994-165.88-148.974-215.208 68.088-33.624 147.963-159.032 32.644-184.946-28.724-21.957-51.997-23.146-99.113 5.488-118.444 48.537-32.766 103.449 9.384 125.759-64.54 17.747-58.806 35.521-119.63 63.27-174.387 48.391-95.491 203.696-52.782 175.254 43.812-54.403 184.761 99.623 222.427 30.383 274.195"
fill="url(#p)"
stroke="none"
/>
</g>
</g>
</g>
</svg>
More icons in the same style and category