Add icons to this collection by clicking the heart icon.
Alarm Clock icon - also known as clock, time, wake up, alarm, digital, alarm clock, timer, electronics, 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="512"
height="512"
viewBox="0 0 64 64"
>
<defs>
<linearGradient
id="a"
x1="32.342"
x2="31.644"
y1="47.204"
y2="16.155"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".36" stop-color="#ed683c" />
<stop offset=".716" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<linearGradient
id="b"
x1="32.387"
x2="31.689"
y1="47.203"
y2="16.154"
href="#a"
/>
<linearGradient
id="c"
x1="32.297"
x2="31.599"
y1="47.205"
y2="16.156"
href="#a"
/>
<linearGradient
id="d"
x1="24.346"
x2="23.648"
y1="47.384"
y2="16.335"
href="#a"
/>
<linearGradient
id="e"
x1="40.338"
x2="39.64"
y1="47.025"
y2="15.976"
href="#a"
/>
<linearGradient
id="f"
x1="48.334"
x2="47.636"
y1="46.845"
y2="15.796"
href="#a"
/>
<linearGradient
id="g"
x1="18.349"
x2="17.651"
y1="47.519"
y2="16.47"
href="#a"
/>
<linearGradient
id="h"
x1="12.397"
x2="11.699"
y1="47.653"
y2="16.604"
href="#a"
/>
<linearGradient
id="i"
x1="12.307"
x2="11.609"
y1="47.655"
y2="16.606"
href="#a"
/>
</defs>
<g>
<path
d="M59 21h-4v-2a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v2H23v-2a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v2h-2v-2a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v2H5a3 3 0 0 0-3 3v16a3 3 0 0 0 3 3h2v1a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-1h34v1a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-1h2a3 3 0 0 0 3-3V24a3 3 0 0 0-3-3Zm-8-1h2v1h-2Zm-32 0h2v1h-2Zm-8 0h2v1h-2Zm2 24H9v-1h4Zm42 0h-4v-1h4Zm5-4a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V24a1 1 0 0 1 1-1h54a1 1 0 0 1 1 1Z"
fill="url(#a)"
/>
<path
d="M56 25H8a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h48a2 2 0 0 0 2-2V27a2 2 0 0 0-2-2ZM8 37V27h48v10Z"
fill="url(#a)"
/>
<path d="M31 29h2v2h-2z" fill="url(#b)" />
<path d="M31 33h2v2h-2z" fill="url(#c)" />
<path
d="M26 29h-4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1Zm-1 4h-2v-2h2Z"
fill="url(#d)"
/>
<path
d="M42 29h-4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1Zm-1 4h-2v-2h2Z"
fill="url(#e)"
/>
<path
d="M50 29h-4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1Zm-1 4h-2v-2h2Z"
fill="url(#f)"
/>
<path d="M17 29h2v6h-2z" fill="url(#g)" />
<path d="M10 29h4v2h-4z" fill="url(#h)" />
<path d="M10 33h4v2h-4z" fill="url(#i)" />
</g>
</svg>
More icons in the same style and category