Add icons to this collection by clicking the heart icon.
Alarm Clock icon - also known as time, date, alarm clock, and time and date. Created in a clean detailed outline style with a silver, 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 24 24"
>
<linearGradient id="a">
<stop offset="0" stop-color="#fff7d9" />
<stop offset="1" stop-color="#ff9c41" />
</linearGradient>
<linearGradient
id="c"
x1="14.908"
x2="20.308"
y1="5.075"
y2="5.075"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="3.692"
x2="9.092"
y1="5.075"
y2="5.075"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="6.126"
x2="17.874"
y1="6.318"
y2="18.067"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffcf1b" />
<stop offset="1" stop-color="#ff881b" />
</linearGradient>
<linearGradient
id="f"
x1="8.721"
x2="12.692"
y1="12.427"
y2="12.427"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd7b3" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="g"
x1="4.587"
x2="6.951"
y1="19.808"
y2="19.808"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="17.049"
x2="19.413"
y1="19.808"
y2="19.808"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#ffcda5" />
<stop offset="1" stop-color="#ee4d5f" />
</linearGradient>
<linearGradient
id="i"
x1="5.28"
x2="6.259"
y1="19.318"
y2="20.297"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="17.539"
x2="18.923"
y1="19.115"
y2="20.5"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="4.016"
x2="7.571"
y1="2.822"
y2="6.377"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="15.759"
x2="20.654"
y1="2.152"
y2="7.047"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="m"
x1="5.639"
x2="18.361"
y1="5.831"
y2="18.553"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="n"
x1="9.74"
x2="11.96"
y1="10.991"
y2="13.211"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<path
d="M12 21.192c-4.962 0-9-4.038-9-9s4.038-9 9-9 9 4.038 9 9-4.038 9-9 9zm0-16.615c-4.198 0-7.615 3.416-7.615 7.615S7.802 19.808 12 19.808s7.615-3.416 7.615-7.615S16.198 4.577 12 4.577z"
/>
<path
d="m9.741 15.43-1.02-.937 2.587-2.815V9.423h1.384v2.794zM4.585 20.009l1.384-1.385.979.979-1.385 1.384zM17.045 19.605l.979-.978 1.384 1.384-.979.978zM4.697 8.247A3.475 3.475 0 0 1 3 5.269a3.465 3.465 0 0 1 3.462-3.462c1.502 0 2.823.96 3.29 2.389l-1.318.429a2.096 2.096 0 0 0-1.972-1.433 2.08 2.08 0 0 0-2.077 2.077c0 .741.381 1.408 1.018 1.786zM19.303 8.247l-.706-1.191a2.059 2.059 0 0 0 1.018-1.786 2.08 2.08 0 0 0-2.077-2.077c-.887 0-1.698.59-1.973 1.433l-1.317-.429a3.453 3.453 0 0 1 3.29-2.389A3.465 3.465 0 0 1 21 5.269c0 1.217-.65 2.358-1.697 2.978z"
/>
</svg>
More icons in the same style and category