Add icons to this collection by clicking the heart icon.
Alarm Clock icon - also known as bell, notification, alarm clock, electronics, 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"
x1="42.815"
x2="42.815"
y1="70.382"
y2="9.556"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1a125f" />
<stop offset=".205" stop-color="#423795" />
<stop offset=".681" stop-color="#ed1a58" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<linearGradient
id="b"
x1="39.473"
x2="39.473"
y1="70.382"
y2="9.556"
href="#a"
/>
<linearGradient
id="c"
x1="21.185"
x2="21.185"
y1="70.382"
y2="9.556"
href="#a"
/>
<linearGradient
id="d"
x1="24.527"
x2="24.527"
y1="70.382"
y2="9.556"
href="#a"
/>
<linearGradient id="e" x1="32" x2="32" y1="70.382" y2="9.556" href="#a" />
<linearGradient id="f" x1="40" x2="40" y1="70.382" y2="9.556" href="#a" />
<linearGradient
id="g"
x1="44.5"
x2="44.5"
y1="70.382"
y2="9.556"
href="#a"
/>
<linearGradient
id="h"
x1="19.5"
x2="19.5"
y1="70.382"
y2="9.556"
href="#a"
/>
<linearGradient id="i" x1="15" x2="15" y1="70.382" y2="9.556" href="#a" />
<linearGradient id="j" x1="49" x2="49" y1="70.382" y2="9.556" href="#a" />
<linearGradient id="k" x1="46" x2="46" y1="70.382" y2="9.556" href="#a" />
<linearGradient id="l" x1="18" x2="18" y1="70.382" y2="9.556" href="#a" />
<g>
<path
fill="url(#a)"
d="M43.964 14.078a1 1 0 0 0 1 .922h.079a1 1 0 0 0 .919-1.075 13.943 13.943 0 0 0-4.622-9.349A1 1 0 0 0 40 6.063a11.956 11.956 0 0 1 3.964 8.015z"
/>
<path
fill="url(#b)"
d="M39.951 14.11a1 1 0 0 0 .992.89 1.051 1.051 0 0 0 .112-.006 1 1 0 0 0 .883-1.1 9.984 9.984 0 0 0-3.27-6.337 1 1 0 1 0-1.335 1.489 7.992 7.992 0 0 1 2.618 5.064z"
/>
<path
fill="url(#c)"
d="M18.961 15h.079a1 1 0 0 0 1-.922A11.956 11.956 0 0 1 24 6.063a1 1 0 0 0-1.334-1.49 13.943 13.943 0 0 0-4.622 9.349A1 1 0 0 0 18.961 15z"
/>
<path
fill="url(#d)"
d="M22.945 14.994a1.051 1.051 0 0 0 .112.006 1 1 0 0 0 .992-.89 7.992 7.992 0 0 1 2.618-5.068 1 1 0 1 0-1.335-1.489 9.984 9.984 0 0 0-3.27 6.337 1 1 0 0 0 .883 1.104z"
/>
<g fill="url(#e)">
<path
d="M32 24a1.988 1.988 0 0 0 1.72-1h-3.44A1.988 1.988 0 0 0 32 24zM39 19.07a1 1 0 0 0-.45-.83l-1.21-.81a2.993 2.993 0 0 1-1.34-2.5V13a4 4 0 0 0-8 0v1.93a2.993 2.993 0 0 1-1.34 2.5l-1.21.81a1 1 0 0 0-.45.83V21h14zM31.01 7.09a5.49 5.49 0 0 1 1.98 0c0-.03.01-.06.01-.09a1 1 0 0 0-2 0c0 .03.01.06.01.09z"
/>
</g>
<path fill="url(#f)" d="M38 40h4v10h-4z" />
<path
fill="url(#g)"
d="M33 56h23V34H33zm12-17a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1zm-9 0a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1z"
/>
<path
fill="url(#h)"
d="M8 56h23V34H8zm13-18h6a1 1 0 0 1 1 1v12a1 1 0 0 1-2 0V40h-5a1 1 0 0 1 0-2zm-10 1a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1z"
/>
<path fill="url(#i)" d="M13 40h4v10h-4z" />
<path fill="url(#j)" d="M47 40h4v10h-4z" />
<path
fill="url(#e)"
d="M60 33a3.009 3.009 0 0 0-3-3H7a3.009 3.009 0 0 0-3 3v24a3.009 3.009 0 0 0 3 3h50a3.009 3.009 0 0 0 3-3zm-2 24a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V33a1 1 0 0 1 1-1h50a1 1 0 0 1 1 1z"
/>
<path fill="url(#k)" d="M42 28h8v-1a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1z" />
<path fill="url(#l)" d="M14 28h8v-1a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1z" />
</g>
</svg>
More icons in the same style and category