Add icons to this collection by clicking the heart icon.
Alarm Clock icon - also known as clock, time, alarm, alarm clock, ui, timer, and time and date. Created in a clean circular style with a white, silver, gray, teal, and pink 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 128 128"
>
<linearGradient id="a">
<stop offset=".061" stop-color="#fff" stop-opacity="0" />
<stop offset=".162" stop-color="#cdcdcd" stop-opacity=".108" />
<stop offset=".284" stop-color="#979797" stop-opacity=".237" />
<stop offset=".407" stop-color="#696969" stop-opacity=".369" />
<stop offset=".53" stop-color="#434343" stop-opacity=".499" />
<stop offset=".651" stop-color="#262626" stop-opacity=".628" />
<stop offset=".771" stop-color="#111" stop-opacity=".756" />
<stop offset=".888" stop-color="#040404" stop-opacity=".881" />
<stop offset="1" />
</linearGradient>
<linearGradient
id="b"
x1="141.672"
x2="93.566"
y1="91.392"
y2="43.285"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="110.489"
x2="62.383"
y1="122.574"
y2="74.468"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="#64798a"
d="M128 64c0 .9 0 1.7-.1 2.5-.3 6.5-1.5 12.8-3.6 18.7-.2.7-.5 1.4-.8 2.1-8.9 22.8-30.5 39.2-56.1 40.6-1.2.1-2.3.1-3.5.1C28.6 128 0 99.3 0 64 0 28.6 28.6 0 64 0s64 28.6 64 64z"
/>
<g opacity=".2">
<path
fill="url(#b)"
d="M127.9 66.5c-.3 6.5-1.5 12.8-3.6 18.7L74.1 34.9l18-4.2z"
/>
<path
fill="url(#c)"
d="M123.6 87.3c-8.9 22.8-30.5 39.2-56.1 40.6L38.1 98.6 62.4 74 35.8 47.4l18.3-13.8 24.3 24.3 7.9-8z"
/>
</g>
<path
fill="#fcd462"
d="m90.1 33 2-2.4c.3-.5.3-1.1-.2-1.5-.5-.3-1.1-.3-1.5.2l-2 2.4c-4.7-2.9-10.8-2.1-14.5 1.9-.3.4-.3 1 .1 1.3l16.9 12.7c.4.3 1 .2 1.2-.2 2.9-4.6 2-10.7-2-14.4zM54.1 33.6c-3.8-4-9.9-4.8-14.5-1.9l-2-2.4c-.3-.5-1-.6-1.5-.2-.5.3-.6 1-.2 1.5l2 2.4c-4 3.7-4.9 9.7-2.1 14.4.3.4.8.5 1.2.2l16.9-12.7c.4-.3.5-.9.2-1.3z"
/>
<g fill="#d5d6db">
<path
d="M89.9 98.6c-.8.6-1.9.6-2.6-.1L74.9 85.6c-.8-.8-.7-2.1.2-2.8l2.4-1.9c.9-.7 2.1-.5 2.8.4L90.2 96c.6.8.4 1.9-.3 2.6zM38.1 98.6c.8.6 1.9.6 2.6-.1l12.4-12.8c.8-.8.7-2.1-.2-2.8L50.5 81c-.9-.7-2.1-.5-2.8.4L37.8 96c-.6.8-.4 1.9.3 2.6z"
/>
</g>
<circle cx="64" cy="67.9" r="28.6" fill="#ebf0f3" />
<path
fill="#1c75a1"
d="M87.5 67.9c0 13-10.6 23.5-23.5 23.5-5.8 0-11.2-2.1-15.3-5.6-.2-.2-.5-.4-.7-.6-4.7-4.3-7.6-10.4-7.6-17.3 0-13 10.6-23.5 23.5-23.5 6.8 0 13 2.9 17.3 7.6.2.2.4.5.6.7 3.6 4.1 5.7 9.4 5.7 15.2z"
/>
<path
fill="#27a2db"
d="M87.5 67.9c0 13-10.6 23.5-23.5 23.5-5.8 0-11.2-2.1-15.3-5.6-.2-.2-.5-.4-.7-.6-3.8-4.2-6.2-9.8-6.2-15.9 0-13 10.6-23.5 23.5-23.5 6.1 0 11.7 2.4 15.9 6.2.2.2.4.5.6.7 3.6 4.1 5.7 9.4 5.7 15.2z"
/>
<path fill="#d5d6db" d="M65.5 66.4V51.1h-3v18.2h17.1v-2.9z" />
<circle cx="64" cy="67.9" r="3.3" fill="#ebf0f3" />
<circle cx="64" cy="67.9" r="1.3" fill="#64798a" />
<g fill="#3a556a">
<circle cx="64" cy="47.4" r="1.3" />
<circle cx="64" cy="88.3" r="1.3" />
<circle cx="84.4" cy="67.9" r="1.3" />
<circle cx="43.6" cy="67.9" r="1.3" />
</g>
</svg>
More icons in the same style and category