Add icons to this collection by clicking the heart icon.
Digital Clock icon - also known as time, alarm, stopwatch, electronics, device, digital clock, and time and date. Created in a clean flat 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="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient id="a">
<stop offset="0" stop-color="#4481eb" />
<stop offset="1" stop-color="#04befe" />
</linearGradient>
<linearGradient
id="b"
x1="356"
x2="362"
y1="630"
y2="630"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="336"
x2="406"
y1="608"
y2="608"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="336"
x2="406"
y1="608"
y2="608"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a1c4fd" />
<stop offset="1" stop-color="#c2e9fb" />
</linearGradient>
<linearGradient
id="e"
x1="361"
x2="367"
y1="610"
y2="610"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="369"
x2="371"
y1="610"
y2="610"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="372"
x2="376"
y1="608"
y2="608"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="url(#b)"
d="M362 627h-6v4c0 1.105.768 2 1.714 2h2.572c.946 0 1.714-.895 1.714-2z"
transform="matrix(1.167 0 0 1 -401.33 -580)"
/>
<path
fill="url(#b)"
d="M362 627h-6v4c0 1.105.768 2 1.714 2h2.572c.946 0 1.714-.895 1.714-2z"
transform="matrix(1.167 0 0 1 -372.33 -580)"
/>
<path
fill="url(#c)"
d="M406 599c0-.796-.546-1.559-1.519-2.121-.972-.563-2.291-.879-3.666-.879h-59.63c-1.375 0-2.694.316-3.666.879-.973.562-1.519 1.325-1.519 2.121v18c0 .796.546 1.559 1.519 2.121.972.563 2.291.879 3.666.879h59.63c1.375 0 2.694-.316 3.666-.879.973-.562 1.519-1.325 1.519-2.121z"
transform="matrix(.771 0 0 1.333 -254.2 -778.667)"
/>
<path
fill="url(#d)"
d="M406 600c0-1.061-.641-2.078-1.783-2.828-1.141-.751-2.69-1.172-4.304-1.172h-57.826c-1.614 0-3.163.421-4.304 1.172-1.142.75-1.783 1.767-1.783 2.828v16c0 1.061.641 2.078 1.783 2.828 1.141.751 2.69 1.172 4.304 1.172h57.826c1.614 0 3.163-.421 4.304-1.172 1.142-.75 1.783-1.767 1.783-2.828z"
transform="matrix(.657 0 0 1 -211.8 -576)"
/>
<path
fill="url(#d)"
d="M406 615.2c0-10.604-6.268-19.2-14-19.2h-42c-7.732 0-14 8.596-14 19.2v4.8h70z"
transform="matrix(.286 0 0 .208 -74 -113.167)"
/>
<path
fill="url(#e)"
d="M367 608a3 3 0 1 0-6 0v4a3 3 0 1 0 6 0zm-2 0a1 1 0 0 0-2 0v4a1 1 0 0 0 2 0z"
transform="translate(-344 -578)"
/>
<path
fill="url(#e)"
d="M367 608a3 3 0 1 0-6 0v4a3 3 0 1 0 6 0zm-2 0a1 1 0 0 0-2 0v4a1 1 0 0 0 2 0z"
transform="translate(-324 -578)"
/>
<path
fill="url(#e)"
d="M367 608a3 3 0 1 0-6 0v4a3 3 0 1 0 6 0zm-2 0a1 1 0 0 0-2 0v4a1 1 0 0 0 2 0z"
transform="translate(-316 -578)"
/>
<path
fill="url(#f)"
d="M369 606v8a1 1 0 0 0 2 0v-8a1 1 0 0 0-2 0z"
transform="translate(-344 -578)"
/>
<circle
cx="374"
cy="608"
r="2"
fill="url(#g)"
transform="translate(-342 -579)"
/>
<circle
cx="374"
cy="608"
r="2"
fill="url(#g)"
transform="translate(-342 -573)"
/>
</g>
</svg>
More icons in the same style and category