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 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 2 98 98"
>
<linearGradient
id="a"
x1="79.54"
x2="79.54"
y1="7.667"
y2="95.125"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M88.1 27.4C84.9 16.1 75.4 12 75 11.9c-1.5-.6-3.3.1-3.9 1.6-.6 1.5.1 3.3 1.6 3.9.3.1 7.2 3.2 9.6 11.6.4 1.3 1.6 2.2 2.9 2.2.3 0 .5 0 .8-.1 1.6-.4 2.5-2.1 2.1-3.7z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="18.51"
x2="18.51"
y1="7.667"
y2="95.125"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M15.7 29.1c2.3-8.5 9.2-11.5 9.6-11.6 1.5-.6 2.2-2.4 1.6-3.9-.7-1.6-2.4-2.4-3.9-1.7-.4.2-9.9 4.2-13 15.6-.4 1.6.5 3.2 2.1 3.7.3.1.5.1.8.1 1.2 0 2.4-.9 2.8-2.2z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="76"
x2="76"
y1="7.667"
y2="95.125"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M74.7 82.2c-1.1-1.2-3-1.2-4.2-.1-1.2 1.1-1.2 3-.1 4.2l6.8 7.1c.6.6 1.4.9 2.2.9.7 0 1.5-.3 2.1-.8 1.2-1.1 1.2-3 .1-4.2l-6.9-7.1z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="22.1"
x2="22.1"
y1="7.667"
y2="95.125"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="m23.3 82.2-6.8 7.1c-1.1 1.2-1.1 3.1.1 4.2.6.6 1.3.8 2.1.8s1.6-.3 2.2-.9l6.8-7.1c1.1-1.2 1.1-3.1-.1-4.2-1.2-1.2-3.1-1.1-4.3.1z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="54.05"
x2="54.05"
y1="7.667"
y2="95.125"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M60.2 49.5h-9.3V35.2c0-1.7-1.3-3-3-3s-3 1.3-3 3v17.3c0 1.7 1.3 3 3 3h12.3c1.7 0 3-1.3 3-3s-1.3-3-3-3z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="49"
x2="49"
y1="7.667"
y2="95.125"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M49 15.8c-19.4 0-35.1 15.7-35.1 35.1C13.9 70.2 29.6 86 49 86s35.1-15.7 35.1-35.1c0-19.4-15.7-35.1-35.1-35.1zM49 80c-16 0-29.1-13.1-29.1-29.1S33 21.8 49 21.8s29.1 13.1 29.1 29.1S65 80 49 80z"
fill="url(#f)"
/>
</svg>
More icons in the same style and category