Add icons to this collection by clicking the heart icon.
Alarm Clock icon - also known as clock, time, Tools and utensils, alarm clock, timer, and time and date. Created in a clean circular style with a white, gray, teal, orange, 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 100 100"
>
<circle cx="50" cy="50" r="48" fill="#334D5C" />
<path
d="M95.857 64.22 68.43 36.8c-4.21-5.59-10.9-9.21-18.43-9.21-2.68 0-5.26.46-7.65 1.31l-2.9-2.9a8.637 8.637 0 0 0-10.91-1.08L26.62 23c-.67-.67-1.76-.67-2.42 0a1.72 1.72 0 0 0 0 2.43l1.92 1.92a8.609 8.609 0 0 0 1.07 10.9l2.16 2.16c-1.54 3.08-2.4 6.56-2.4 10.24 0 6.57 2.74 12.49 7.16 16.69l2.65 2.65-3.16 5.22c-.44.71-.21 1.64.5 2.07l20.497 20.496c19.521-1.856 35.635-15.397 41.26-33.556zM73.38 23c-.52.52-.63 1.29-.34 1.92l-.68.67c-3.4-2.96-8.57-2.83-11.81.41L96.5 61.948C97.478 58.129 98 54.125 98 50c0-1.713-.093-3.403-.268-5.07L75.8 23c-.66-.67-1.75-.67-2.42 0z"
opacity=".1"
/>
<g fill="#64798A">
<path
d="m59.32 69.351 4.502 7.422a1.51 1.51 0 0 0 2.582-1.566L61.9 67.785l-2.582 1.566zM40.68 69.351l-4.502 7.422a1.51 1.51 0 0 1-2.582-1.566l4.503-7.422 2.582 1.566z"
/>
</g>
<circle cx="50" cy="50.647" r="23.054" fill="#27A2DB" />
<circle cx="50" cy="50.647" r="18.989" fill="#EBF0F3" />
<ellipse cx="50" cy="51.218" fill="#FFF" rx="18.989" ry="18.419" />
<g fill="#D15241">
<path d="m73.212 24.74.854.854-1.946 1.947-.855-.854z" />
<circle
cx="74.593"
cy="24.214"
r="1.714"
transform="rotate(-45 74.593 24.214)"
/>
</g>
<path
fill="#E56353"
d="M72.81 25.997a8.666 8.666 0 0 0-12.257 0L72.81 38.253a8.666 8.666 0 0 0 0-12.256z"
/>
<g fill="#D15241">
<path d="m28.734 26.686-.854.855-1.947-1.947.855-.854z" />
<circle
cx="25.407"
cy="24.214"
r="1.714"
transform="rotate(-45 25.407 24.214)"
/>
</g>
<path
fill="#E56353"
d="M27.19 25.997a8.666 8.666 0 0 1 12.257 0L27.19 38.253a8.666 8.666 0 0 1 0-12.256z"
/>
<g fill="#E56353">
<circle cx="50" cy="34.325" r="1.472" />
<circle cx="50" cy="66.97" r="1.472" />
</g>
<g fill="#E56353">
<circle cx="66.323" cy="50.647" r="1.472" />
<circle cx="33.677" cy="50.647" r="1.472" />
</g>
<path
fill="#3A556A"
d="m53.418 51.46.747-.857-.748-.855-13.025.448-.435.42.436.42z"
/>
<path
fill="#64798A"
d="m50.833 54.058 1.426.27.458-1.377-8.901-14.046-.745-.208-.18.751z"
/>
<circle cx="50.071" cy="50.604" r="1.053" fill="#FCD462" />
</svg>
More icons in the same style and category