Add icons to this collection by clicking the heart icon.
Alarm Clock icon - also known as bell, time, alarm, travel, alert, alarm clock, ringing, bedside table, and time and date. Created in a clean blue style with a white and silver finish, 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 60 60"
>
<g fill="none" fill-rule="nonzero">
<path
fill="#e7ecfb"
d="M59 40a3 3 0 0 1-3 3H4a3 3 0 0 1 0-6h52a3 3 0 0 1 3 3z"
/>
<path
fill="#c9d8fb"
d="M58.12 37.88A2.993 2.993 0 0 0 56 37h-3a3 3 0 0 1 0 6h3a3 3 0 0 0 2.12-5.12z"
/>
<path fill="#a3c1f6" d="M56 43v15a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V43z" />
<path fill="#7fabf9" d="M53 43v15a1 1 0 0 1-1 1h3a1 1 0 0 0 1-1V43z" />
<path fill="#e7ecfb" d="M8 59V48a1 1 0 0 1 1-1h42a1 1 0 0 1 1 1v11" />
<path
fill="#c9d8fb"
d="M51 47h-3a1 1 0 0 1 1 1v11h3V48a1 1 0 0 0-1-1z"
/>
<path fill="#e7ecfb" d="M32.64 59a4 4 0 1 0-5.28 0" />
<path
fill="#c9d8fb"
d="M30 52a3.983 3.983 0 0 0-1.5.3 3.992 3.992 0 0 1 1.14 6.7h3A4 4 0 0 0 30 52z"
/>
<rect width="58" height="28" x="1" y="5" fill="#e7ecfb" rx="3" />
<path
fill="#c9d8fb"
d="M56 5h-3a3 3 0 0 1 3 3v22a3 3 0 0 1-3 3h3a3 3 0 0 0 3-3V8a3 3 0 0 0-3-3z"
/>
<rect
width="20"
height="50"
x="20"
y="-6"
fill="#e7ecfb"
rx="1"
transform="rotate(90 30 19)"
/>
<path
fill="#c9d8fb"
d="M54 9h-3a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1h3a1 1 0 0 0 1-1V10a1 1 0 0 0-1-1z"
/>
<path fill="#e7ecfb" d="M9 1h6a2 2 0 0 1 2 2v2H7V3a2 2 0 0 1 2-2z" />
<path fill="#a3c1f6" d="m19 33-3 4H8l-3-4zM55 33l-3 4h-8l-3-4z" />
<path
fill="#fff"
d="M5 59h3a1 1 0 0 1-1-1V43a3 3 0 0 1 0-6H4a3 3 0 0 0 0 6v15a1 1 0 0 0 1 1zM4 33h1l3 4h3l-3-4H7a3 3 0 0 1-3-3V8a3 3 0 0 1 3-3H4a3 3 0 0 0-3 3v22a3 3 0 0 0 3 3zM10 3a2 2 0 0 1 2-2H9a2 2 0 0 0-2 2v2h3z"
/>
<path fill="#fff" d="M0 22h2v8H0z" />
<g fill="#428dff">
<path d="M1.02 27a1 1 0 0 1-.01-2h.01a1 1 0 0 1 0 2z" />
<path
d="M56 4H18V3a3 3 0 0 0-3-3H9a3 3 0 0 0-3 3v1H4a4 4 0 0 0-4 4v14a1 1 0 0 0 2 0V8a2 2 0 0 1 2-2h52a2 2 0 0 1 2 2v22a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2 1 1 0 0 0-2 0 4 4 0 0 0 4 4h.5L6 36H4a3.992 3.992 0 0 0-1 7.858V58a2 2 0 0 0 2 2h50a2 2 0 0 0 2-2V43.858A3.992 3.992 0 0 0 56 36h-2l1.5-2h.5a4 4 0 0 0 4-4V8a4 4 0 0 0-4-4zM8 4V3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v1zm32.5 30 1.5 2H18l1.5-2zM7 34h10l-1.5 2h-7zm44 24H34.578a5 5 0 1 0-9.156 0H9V48h42zm-24-2a3 3 0 1 1 5.208 2h-4.416A2.982 2.982 0 0 1 27 56zm26 2V48a2 2 0 0 0-2-2H9a2 2 0 0 0-2 2v10H5V44h50v14zm5-18a2 2 0 0 1-2 2H4a2 2 0 1 1 0-4h52a2 2 0 0 1 2 2zm-6.5-4h-7L43 34h10z"
/>
<path
d="M54 30a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v18a2 2 0 0 0 2 2zM6 10h48v18H6z"
/>
<path
d="M14 12h-4a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2V14a2 2 0 0 0-2-2zm-4 12V14h4v10zM24 12h-4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4v5a1 1 0 0 0 2 0V14a2 2 0 0 0-2-2zm0 6h-4v-4h4zM40 12h-4a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2V14a2 2 0 0 0-2-2zm-4 12V14h4v10zM50 12h-4a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2V14a2 2 0 0 0-2-2zm-4 12V14h4v10z"
/>
<circle cx="30" cy="16" r="1" />
<circle cx="30" cy="22" r="1" />
</g>
</g>
</svg>
More icons in the same style and category