Add icons to this collection by clicking the heart icon.
Digital Clock icon - also known as tablet, clock, time, digital, alarm clock, ui, applications, app, 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 992.903 992.903"
>
<linearGradient
id="a"
x1="-16.548"
x2="1009.518"
y1="808.871"
y2="808.871"
gradientTransform="matrix(1 0 0 -1 0 990.903)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path d="M744.677 165.484h33.097v33.097h-33.097z" fill="url(#a)" />
<linearGradient
id="b"
x1="-16.548"
x2="1009.518"
y1="808.871"
y2="808.871"
gradientTransform="matrix(1 0 0 -1 0 990.903)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path d="M678.484 165.484h33.097v33.097h-33.097z" fill="url(#b)" />
<linearGradient
id="c"
x1="-16.548"
x2="1009.518"
y1="808.871"
y2="808.871"
gradientTransform="matrix(1 0 0 -1 0 990.903)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path d="M612.29 165.484h33.097v33.097H612.29z" fill="url(#c)" />
<linearGradient
id="d"
x1="-16.548"
x2="1009.518"
y1="808.871"
y2="808.871"
gradientTransform="matrix(1 0 0 -1 0 990.903)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path d="M215.129 165.484h33.097v33.097h-33.097z" fill="url(#d)" />
<linearGradient
id="e"
x1="-16.548"
x2="1009.518"
y1="64.194"
y2="64.194"
gradientTransform="matrix(1 0 0 -1 0 990.903)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M529.548 910.161h-66.194c-9.139 0-16.548 7.409-16.548 16.548s7.409 16.548 16.548 16.548h66.194c9.139 0 16.548-7.409 16.548-16.548.001-9.139-7.408-16.548-16.548-16.548z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-16.548"
x2="1009.518"
y1="494.452"
y2="494.452"
gradientTransform="matrix(1 0 0 -1 0 990.903)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M910.161 231.677h-66.194V82.742C843.913 37.068 806.9.055 761.226 0H231.677c-45.674.055-82.687 37.068-82.742 82.742v148.935H82.742c-27.418 0-49.645 22.227-49.645 49.645v496.452c0 27.418 22.227 49.645 49.645 49.645h66.194v82.742c.055 45.674 37.068 82.687 82.742 82.742h529.548c45.674-.055 82.687-37.068 82.742-82.742v-82.742h66.194c27.418 0 49.645-22.227 49.645-49.645V281.323c-.001-27.419-22.227-49.646-49.646-49.646zM231.677 33.097h529.548c27.418 0 49.645 22.227 49.645 49.645V99.29H182.032V82.742c0-27.418 22.227-49.645 49.645-49.645zm-49.645 99.29h628.839v99.29H182.032v-99.29zm579.194 827.419H231.677c-27.418 0-49.645-22.227-49.645-49.645v-16.548h628.839v16.548c0 27.419-22.227 49.645-49.645 49.645zm49.645-99.29H182.032v-33.097h628.839v33.097zm115.839-82.742c0 9.139-7.409 16.548-16.548 16.548H82.742c-9.139 0-16.548-7.409-16.548-16.548V281.323c0-9.139 7.409-16.548 16.548-16.548h827.419c9.139 0 16.548 7.409 16.548 16.548v496.451z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-16.548"
x2="1009.518"
y1="461.355"
y2="461.355"
gradientTransform="matrix(1 0 0 -1 0 990.903)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M893.613 281.323H99.29c-9.139 0-16.548 7.409-16.548 16.548v463.355c0 9.139 7.409 16.548 16.548 16.548h794.323c9.139 0 16.548-7.409 16.548-16.548V297.871c0-9.139-7.409-16.548-16.548-16.548zm-16.548 463.354H115.839V314.419h761.226v430.258z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="-16.548"
x2="1009.518"
y1="461.355"
y2="461.355"
gradientTransform="matrix(1 0 0 -1 0 990.903)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M198.581 645.387h33.097c27.418 0 49.645-22.227 49.645-49.645V463.355c0-27.418-22.227-49.645-49.645-49.645h-33.097c-27.418 0-49.645 22.227-49.645 49.645v132.387c-.001 27.418 22.226 49.645 49.645 49.645zm-16.549-182.032c0-9.139 7.409-16.548 16.548-16.548h33.097c9.139 0 16.548 7.409 16.548 16.548v132.387c0 9.139-7.409 16.548-16.548 16.548H198.58c-9.139 0-16.548-7.409-16.548-16.548V463.355z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="-16.548"
x2="1009.518"
y1="461.355"
y2="461.355"
gradientTransform="matrix(1 0 0 -1 0 990.903)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M364.065 645.387h33.097c27.418 0 49.645-22.227 49.645-49.645V463.355c0-27.418-22.227-49.645-49.645-49.645h-33.097c-27.418 0-49.645 22.227-49.645 49.645v132.387c-.001 27.418 22.226 49.645 49.645 49.645zm-16.549-182.032c0-9.139 7.409-16.548 16.548-16.548h33.097c9.139 0 16.548 7.409 16.548 16.548v132.387c0 9.139-7.409 16.548-16.548 16.548h-33.097c-9.139 0-16.548-7.409-16.548-16.548V463.355z"
fill="url(#i)"
/>
<linearGradient
id="j"
x1="-16.548"
x2="1009.518"
y1="461.355"
y2="461.355"
gradientTransform="matrix(1 0 0 -1 0 990.903)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M595.742 645.387h33.097c27.418 0 49.645-22.227 49.645-49.645V463.355c0-27.418-22.227-49.645-49.645-49.645h-33.097c-27.418 0-49.645 22.227-49.645 49.645v132.387c0 27.418 22.227 49.645 49.645 49.645zm-16.548-182.032c0-9.139 7.409-16.548 16.548-16.548h33.097c9.139 0 16.548 7.409 16.548 16.548v132.387c0 9.139-7.409 16.548-16.548 16.548h-33.097c-9.139 0-16.548-7.409-16.548-16.548V463.355z"
fill="url(#j)"
/>
<linearGradient
id="k"
x1="-16.548"
x2="1009.518"
y1="461.355"
y2="461.355"
gradientTransform="matrix(1 0 0 -1 0 990.903)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M761.226 645.387h33.097c27.418 0 49.645-22.227 49.645-49.645V463.355c0-27.418-22.227-49.645-49.645-49.645h-33.097c-27.418 0-49.645 22.227-49.645 49.645v132.387c0 27.418 22.227 49.645 49.645 49.645zm-16.549-182.032c0-9.139 7.409-16.548 16.548-16.548h33.097c9.139 0 16.548 7.409 16.548 16.548v132.387c0 9.139-7.409 16.548-16.548 16.548h-33.097c-9.139 0-16.548-7.409-16.548-16.548V463.355z"
fill="url(#k)"
/>
<linearGradient
id="l"
x1="-16.548"
x2="1009.518"
y1="494.452"
y2="494.452"
gradientTransform="matrix(1 0 0 -1 0 990.903)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path d="M479.903 479.903H513V513h-33.097z" fill="url(#l)" />
<linearGradient
id="m"
x1="-16.548"
x2="1009.518"
y1="428.258"
y2="428.258"
gradientTransform="matrix(1 0 0 -1 0 990.903)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path d="M479.903 546.097H513v33.097h-33.097z" fill="url(#m)" />
</svg>
More icons in the same style and category