Add icons to this collection by clicking the heart icon.
Digital Alarm Clock icon - also known as smartphone, clock, time, hours, alarm, time and date, and digital alarm clock. 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="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient
id="a"
x1="32"
x2="32"
y1="58.829"
y2="-1.501"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient
id="b"
x1="26.5"
x2="26.5"
y1="58.829"
y2="-1.501"
href="#a"
/>
<linearGradient id="c" x1="35" x2="35" y1="58.829" y2="-1.501" href="#a" />
<linearGradient
id="d"
x1="31.5"
x2="31.5"
y1="58.829"
y2="-1.501"
href="#a"
/>
<linearGradient id="e" x1="27" x2="27" y1="58.829" y2="-1.501" href="#a" />
<linearGradient id="f" x1="36" x2="36" y1="58.829" y2="-1.501" href="#a" />
<path
fill="url(#a)"
d="M47 62H17a5.006 5.006 0 0 1-5-5V7a5.006 5.006 0 0 1 5-5h30a5.006 5.006 0 0 1 5 5v50a5.006 5.006 0 0 1-5 5zM17 4a3 3 0 0 0-3 3v50a3 3 0 0 0 3 3h30a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3z"
/>
<path
fill="url(#a)"
d="M46 59H18a3 3 0 0 1-3-3V8a3 3 0 0 1 3-3h6.93a2.987 2.987 0 0 1 2.484 1.324l.832 1.237A.992.992 0 0 0 29.07 8h5.85a1.009 1.009 0 0 0 .84-.448l.82-1.22A3.008 3.008 0 0 1 39.08 5H46a3 3 0 0 1 3 3v48a3 3 0 0 1-3 3zM18 7a1 1 0 0 0-1 1v48a1 1 0 0 0 1 1h28a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1h-6.92a1.009 1.009 0 0 0-.84.448l-.82 1.22A3.008 3.008 0 0 1 34.92 10h-5.85a2.987 2.987 0 0 1-2.484-1.324l-.832-1.237A.992.992 0 0 0 24.93 7z"
/>
<path
fill="url(#b)"
d="M28 32a1 1 0 0 1-1-1V20.869l-1.445.963a1 1 0 0 1-1.11-1.664l3-2A1 1 0 0 1 29 19v12a1 1 0 0 1-1 1z"
/>
<path
fill="url(#c)"
d="M38 32h-6a1 1 0 0 1-1-1v-1.93a2.993 2.993 0 0 1 1.336-2.5l3.773-2.515A2 2 0 0 0 37 22.4V22a2 2 0 0 0-4 0 1 1 0 0 1-2 0 4 4 0 0 1 8 0v.4a3.993 3.993 0 0 1-1.781 3.328l-3.774 2.515a1 1 0 0 0-.445.827V30h5a1 1 0 0 1 0 2z"
/>
<path
fill="url(#a)"
d="M33 7h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2zM37 14H27a1 1 0 0 1 0-2h10a1 1 0 0 1 0 2z"
/>
<path fill="url(#d)" d="M37 55H26a1 1 0 0 1 0-2h11a1 1 0 0 1 0 2z" />
<path
fill="url(#e)"
d="M27 48a4 4 0 0 1-4-4 1 1 0 0 1 2 0 2 2 0 1 0 2-2 1 1 0 0 1 0-2 2 2 0 1 0-2-2 1 1 0 0 1-2 0 4 4 0 1 1 6.643 3A4 4 0 0 1 27 48z"
/>
<path
fill="url(#f)"
d="M36 48a4 4 0 0 1-4-4v-6a4 4 0 0 1 8 0v6a4 4 0 0 1-4 4zm0-12a2 2 0 0 0-2 2v6a2 2 0 0 0 4 0v-6a2 2 0 0 0-2-2z"
/>
</svg>
More icons in the same style and category