Add icons to this collection by clicking the heart icon.
Alarm Clock icon - also known as clock, time, hour, minute, hours, alarm, stopwatch, alarm clock, ui, and timer. 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 24 24"
>
<linearGradient
id="a"
x1="24.862"
x2="1.224"
y1="1.157"
y2="24.795"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f8cdda" />
<stop offset="1" stop-color="#1d2b64" />
</linearGradient>
<path
fill="url(#a)"
d="M12 9c-2.8 0-5 2.2-5 5s2.2 5 5 5c1.8 0 3.5-1 4.4-2.6.1-.1.1-.3 0-.4 0-.1-.1-.2-.2-.3l-3.7-2V9.5c0-.3-.2-.5-.5-.5zm3.2 7.4c-.8 1-1.9 1.6-3.2 1.6-2.2 0-4-1.8-4-4 0-2 1.5-3.7 3.5-4v4c0 .2.1.4.3.4l3.4 2z"
/>
<linearGradient
id="b"
x1="26.067"
x2="2.429"
y1="2.363"
y2="26.001"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f8cdda" />
<stop offset="1" stop-color="#1d2b64" />
</linearGradient>
<path
fill="url(#b)"
d="M16.5 14.5c.3 0 .5-.2.5-.5 0-1.2-.5-2.4-1.3-3.4-.2-.2-.5-.2-.7 0-.2.2-.2.5 0 .7.7.7 1 1.7 1 2.7 0 .3.2.5.5.5z"
/>
<linearGradient
id="c"
x1="24.024"
x2=".386"
y1=".319"
y2="23.957"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f8cdda" />
<stop offset="1" stop-color="#1d2b64" />
</linearGradient>
<path
fill="url(#c)"
d="M19.7 9.3c0-.1 0-.3-.1-.4l-1.3-1.5c-.1-.1-.2-.2-.3-.2-.1 0-.3 0-.4.1l-1.3 1.1c-.8-.6-1.7-1.1-2.8-1.3V6h.5c.3 0 .5-.2.5-.5v-2c0-.3-.2-.5-.5-.5h-4c-.3 0-.5.2-.5.5v2c0 .3.2.5.5.5h.5v1.2c-1 .2-2 .7-2.8 1.3L6.5 7.4c-.1-.1-.3-.1-.4-.1-.1 0-.3 0-.4.1L4.5 9c-.1.1-.2.2-.2.3 0 .1.1.3.2.3l1.3 1.1c-.3.5-.5 1-.6 1.6-.1.3.1.5.4.6.3.1.5-.1.6-.4C6.8 9.9 9.2 8 12 8c3.3 0 6 2.7 6 6s-2.7 6-6 6c-2.8 0-5.2-1.9-5.8-4.6-.1-.3-.4-.4-.6-.4-.3.1-.4.3-.4.6.7 3.2 3.5 5.4 6.8 5.4 3.9 0 7-3.1 7-7 0-1.2-.3-2.3-.8-3.2l1.3-1.1c.1-.1.1-.2.2-.4zM10.5 4h3v1h-3V4zm-5 5.2.6-.8.9.7c-.3.3-.5.5-.7.8l-.8-.7zm6-2.2V6h1v1h-1zm6.2 2.9c-.2-.3-.4-.5-.6-.8l.8-.7.6.8-.8.7z"
/>
<linearGradient
id="d"
x1="23.852"
x2=".214"
y1=".148"
y2="23.786"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f8cdda" />
<stop offset="1" stop-color="#1d2b64" />
</linearGradient>
<circle cx="14" cy="10" r=".5" fill="url(#d)" />
<linearGradient
id="e"
x1="21.602"
x2="-2.036"
y1="-2.102"
y2="21.536"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f8cdda" />
<stop offset="1" stop-color="#1d2b64" />
</linearGradient>
<circle cx="5.5" cy="14" r=".5" fill="url(#e)" />
</svg>
More icons in the same style and category