Add icons to this collection by clicking the heart icon.
Alarm Clock icon - also known as add, 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="15.569"
x2="18.961"
y1="3.792"
y2="7.184"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="5.504"
x2="7.967"
y1="4.256"
y2="6.719"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="4.376"
x2="5.224"
y1="18.726"
y2="19.575"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="18"
x2="20.4"
y1="17.95"
y2="20.35"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="6.06"
x2="17.94"
y1="6.523"
y2="18.402"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffcf1b" />
<stop offset="1" stop-color="#ff881b" />
</linearGradient>
<linearGradient
id="h"
x1="9.9"
x2="14.1"
y1="10.45"
y2="14.65"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd7b3" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#ffcda5" />
<stop offset="1" stop-color="#ee4d5f" />
</linearGradient>
<linearGradient
id="i"
x1="15.601"
x2="19.813"
y1="2.997"
y2="7.209"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="5.092"
x2="7.495"
y1="3.902"
y2="6.304"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="4.376"
x2="5.224"
y1="18.814"
y2="19.663"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="18"
x2="20.4"
y1="18.038"
y2="20.438"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="m"
x1="5.639"
x2="18.361"
y1="6.101"
y2="18.824"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="n"
x1="9.9"
x2="14.1"
y1="10.45"
y2="14.65"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<path
d="M12 21.462c-4.963 0-9-4.037-9-9s4.037-9 9-9 9 4.037 9 9-4.037 9-9 9zm0-16.8c-4.301 0-7.8 3.499-7.8 7.8s3.499 7.8 7.8 7.8 7.8-3.499 7.8-7.8-3.499-7.8-7.8-7.8z"
/>
<path d="M8.4 11.95h7.2v1.2H8.4z" />
<path
d="M11.4 8.95h1.2v7.2h-1.2zM19.21 7.812l-.956-.724c.226-.299.346-.664.346-1.054 0-.993-.807-1.8-1.8-1.8-.553 0-1.088.267-1.433.714l-.95-.732A3.032 3.032 0 0 1 16.8 3.034c1.654 0 3 1.346 3 3 0 .654-.204 1.269-.59 1.778zM4.79 7.812a2.916 2.916 0 0 1-.59-1.778c0-1.654 1.346-3 3-3 .922 0 1.813.442 2.383 1.182l-.95.732A1.826 1.826 0 0 0 7.2 4.234c-.993 0-1.8.807-1.8 1.8 0 .39.12.755.346 1.054zM3.174 19.924l2.4-2.4.848.849-2.4 2.4zM17.571 18.375l.849-.848 2.4 2.4-.849.848z"
/>
</svg>
More icons in the same style and category