Add icons to this collection by clicking the heart icon.
Alarm Clock icon - also known as clock, time, broken, alarm clock, timer, dead, 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"
x2="69.181"
y1="32"
y2="32"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7ed4ef" />
<stop offset=".229" stop-color="#66bfe6" />
<stop offset=".711" stop-color="#298bd0" />
<stop offset="1" stop-color="#0169c2" />
</linearGradient>
<linearGradient id="b" x2="69.181" y1="35.604" y2="35.604" href="#a" />
<linearGradient id="c" x2="69.181" y1="24" y2="24" href="#a" />
<linearGradient id="d" x2="69.181" y1="29" y2="29" href="#a" />
<g>
<path
fill="url(#a)"
d="M32 10a22 22 0 1 0 22 22 22.025 22.025 0 0 0-22-22zm17.316 15.948 1.553-.517A19.841 19.841 0 0 1 51.949 31H50v2h1.949a19.841 19.841 0 0 1-1.08 5.569l-1.553-.517-.632 1.9 1.43.477a20.045 20.045 0 0 1-3.3 4.97l-1.1-1.1-1.414 1.414 1.1 1.1a20.038 20.038 0 0 1-4.769 3.207l-.731-1.467-1.79.894.673 1.345a19.775 19.775 0 0 1-2.487.733A4.939 4.939 0 0 0 37 49v-5h1v-2H26v2h1v5a4.939 4.939 0 0 0 .709 2.525 19.775 19.775 0 0 1-2.487-.733l.673-1.345-1.79-.894-.731 1.463a20.038 20.038 0 0 1-4.769-3.207l1.1-1.1-1.414-1.414-1.1 1.1a20.045 20.045 0 0 1-3.3-4.97l1.43-.477-.632-1.9-1.553.517A19.841 19.841 0 0 1 12.051 33H14v-2h-1.949a19.841 19.841 0 0 1 1.08-5.569l1.553.517.632-1.9-1.43-.477a20.045 20.045 0 0 1 3.305-4.97l1.1 1.1 1.414-1.414-1.1-1.1a20.038 20.038 0 0 1 4.769-3.207l.731 1.463 1.79-.894-.673-1.345A19.813 19.813 0 0 1 31 12.051V14h2v-1.949a19.813 19.813 0 0 1 5.778 1.157l-.678 1.345 1.79.894.731-1.463a20.038 20.038 0 0 1 4.779 3.207l-1.1 1.1 1.414 1.414 1.1-1.1a20.045 20.045 0 0 1 3.305 4.97l-1.43.477zM29 49v-5h2v4h2v-4h2v5a3 3 0 0 1-6 0z"
/>
<path
fill="url(#a)"
d="M54.707 2.293a1 1 0 0 0-1.414 0l-4 4a1 1 0 0 0 0 1.414L50.586 9l-2.554 2.554a25.916 25.916 0 0 0-32.064 0L13.414 9l1.293-1.293a1 1 0 0 0 0-1.414l-4-4a1 1 0 0 0-1.414 0l-7 7a1 1 0 0 0 0 1.414l4 4a1 1 0 0 0 1.414 0L9 13.414l2.554 2.554a25.939 25.939 0 0 0 4.51 36.554L12.586 56H11a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-3.586l1.594-1.594a25.926 25.926 0 0 0 20.812 0L44 57.414V61a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-1.586l-3.478-3.478a25.939 25.939 0 0 0 4.51-36.554L55 13.414l1.293 1.293a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0 0-1.414zM7 12.586 4.414 10 10 4.414 12.586 7zM10.414 12 12 10.414l2.435 2.436q-.827.758-1.585 1.585zM18 60h-6v-2h6zm.586-4h-3.172l2.3-2.3c.642.424 1.3.823 1.982 1.19zM52 60h-6v-2h6zm-3.414-4h-3.172l-1.105-1.1c.68-.367 1.34-.766 1.982-1.19zM32 56a24 24 0 1 1 24-24 24.028 24.028 0 0 1-24 24zm19.15-41.565q-.757-.827-1.585-1.585L52 10.414 53.586 12zM57 12.586 51.414 7 54 4.414 59.586 10z"
/>
<path
fill="url(#b)"
d="M35 32a3 3 0 0 0-6 0 2.951 2.951 0 0 0 .3 1.285l-7.508 7.508 1.414 1.414 7.509-7.507a2.893 2.893 0 0 0 2.57 0l7.008 7.008 1.414-1.414-7.007-7.009A2.951 2.951 0 0 0 35 32zm-4 0a1 1 0 1 1 1 1 1 1 0 0 1-1-1z"
/>
<path
fill="url(#c)"
d="m26.293 27.707 1.414-1.414L25.414 24l2.293-2.293-1.414-1.414L24 22.586l-2.293-2.293-1.414 1.414L22.586 24l-2.293 2.293 1.414 1.414L24 25.414zM42.293 20.293 40 22.586l-2.293-2.293-1.414 1.414L38.586 24l-2.293 2.293 1.414 1.414L40 25.414l2.293 2.293 1.414-1.414L41.414 24l2.293-2.293z"
/>
<path fill="url(#d)" d="M47 28h2v2h-2z" />
<path fill="url(#a)" d="M44 31h2v2h-2z" />
</g>
</svg>
More icons in the same style and category