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 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="62.652"
y2="2.556"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient
id="b"
x1="39.473"
x2="39.473"
y1="62.652"
y2="2.556"
href="#a"
/>
<linearGradient
id="c"
x1="21.185"
x2="21.185"
y1="62.652"
y2="2.556"
href="#a"
/>
<linearGradient
id="d"
x1="24.527"
x2="24.527"
y1="62.652"
y2="2.556"
href="#a"
/>
<linearGradient id="e" x1="32" x2="32" y1="62.652" y2="2.556" href="#a" />
<linearGradient id="f" x1="24" x2="24" y1="62.652" y2="2.556" href="#a" />
<linearGradient id="g" x1="15" x2="15" y1="62.652" y2="2.556" href="#a" />
<linearGradient id="h" x1="40" x2="40" y1="62.652" y2="2.556" href="#a" />
<linearGradient id="i" x1="49" x2="49" y1="62.652" y2="2.556" href="#a" />
<g>
<path
fill="url(#a)"
d="M43.964 12.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 4.063a11.956 11.956 0 0 1 3.964 8.015z"
/>
<path
fill="url(#b)"
d="M39.951 12.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 13h.079a1 1 0 0 0 1-.922A11.956 11.956 0 0 1 24 4.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 13z"
/>
<path
fill="url(#d)"
d="M22.945 12.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="m39.66 16.57-1.21-.81a1 1 0 0 1-.45-.83V13a6 6 0 0 0-3.11-5.25A2.722 2.722 0 0 0 35 7a3 3 0 0 0-6 0 2.722 2.722 0 0 0 .11.75A6 6 0 0 0 26 13v1.93a1 1 0 0 1-.45.83l-1.21.81a2.993 2.993 0 0 0-1.34 2.5V22a1 1 0 0 0 1 1h4.14a3.983 3.983 0 0 0 7.72 0H40a1 1 0 0 0 1-1v-2.93a2.993 2.993 0 0 0-1.34-2.5zM32 6a1 1 0 0 1 1 1c0 .03-.01.06-.01.09a5.49 5.49 0 0 0-1.98 0c0-.03-.01-.06-.01-.09a1 1 0 0 1 1-1zm0 18a1.988 1.988 0 0 1-1.72-1h3.44A1.988 1.988 0 0 1 32 24zm7-3H25v-1.93a1 1 0 0 1 .45-.83l1.21-.81a2.993 2.993 0 0 0 1.34-2.5V13a4 4 0 0 1 8 0v1.93a2.993 2.993 0 0 0 1.34 2.5l1.21.81a1 1 0 0 1 .45.83z"
/>
<path
d="M57 28h-5v-1a3.009 3.009 0 0 0-3-3h-6a3.009 3.009 0 0 0-3 3v1H24v-1a3.009 3.009 0 0 0-3-3h-6a3.009 3.009 0 0 0-3 3v1H7a5 5 0 0 0-5 5v24a5 5 0 0 0 5 5h50a5 5 0 0 0 5-5V33a5 5 0 0 0-5-5zm-15-1a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v1h-8zm-28 0a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v1h-8zm46 30a3.009 3.009 0 0 1-3 3H7a3.009 3.009 0 0 1-3-3V33a3.009 3.009 0 0 1 3-3h50a3.009 3.009 0 0 1 3 3z"
/>
<path
d="M57 32H7a1 1 0 0 0-1 1v24a1 1 0 0 0 1 1h50a1 1 0 0 0 1-1V33a1 1 0 0 0-1-1zM31 56H8V34h23zm25 0H33V34h23z"
/>
</g>
<path
fill="url(#f)"
d="M27 38h-6a1 1 0 0 0 0 2h5v11a1 1 0 0 0 2 0V39a1 1 0 0 0-1-1z"
/>
<path
fill="url(#g)"
d="M18 38h-6a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V39a1 1 0 0 0-1-1zm-1 12h-4V40h4z"
/>
<path
fill="url(#h)"
d="M37 52h6a1 1 0 0 0 1-1V39a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1zm1-12h4v10h-4z"
/>
<path
fill="url(#i)"
d="M46 52h6a1 1 0 0 0 1-1V39a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1zm1-12h4v10h-4z"
/>
</g>
</svg>
More icons in the same style and category