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="d"
x1="5.482"
x2="18.518"
y1="5.617"
y2="18.653"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffcf1b" />
<stop offset="1" stop-color="#ff881b" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#ffd7b3" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="e"
x1="10.683"
x2="13.317"
y1="7.526"
y2="10.16"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="13.317"
x2="17.267"
y1="13.452"
y2="17.402"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="10.604"
x2="13.396"
y1="10.739"
y2="13.531"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#fff7d9" />
<stop offset="1" stop-color="#ff9c41" />
</linearGradient>
<linearGradient
id="h"
x1="18.584"
x2="22.535"
y1="1.601"
y2="5.551"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="2.975"
x2="3.906"
y1="3.11"
y2="4.041"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#ffcda5" />
<stop offset="1" stop-color="#ee4d5f" />
</linearGradient>
<linearGradient
id="j"
x1="5.02"
x2="18.98"
y1="5.155"
y2="19.116"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="10.683"
x2="13.317"
y1="7.526"
y2="10.16"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="13.317"
x2="17.267"
y1="13.452"
y2="17.402"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="10.604"
x2="13.396"
y1="10.739"
y2="13.531"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="n"
x1="18.584"
x2="22.535"
y1="1.601"
y2="5.551"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="o"
x1="2.975"
x2="3.906"
y1="3.11"
y2="4.041"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<path
d="M12 22.011c-5.446 0-9.876-4.43-9.876-9.876S6.554 2.259 12 2.259s9.876 4.43 9.876 9.876-4.43 9.876-9.876 9.876zm0-18.435c-4.719 0-8.559 3.84-8.559 8.559s3.84 8.559 8.559 8.559 8.559-3.84 8.559-8.559S16.719 3.576 12 3.576z"
/>
<path d="M11.342 6.868h1.317v3.95h-1.317z" />
<path
d="M12 14.11c-1.089 0-1.975-.886-1.975-1.975S10.911 10.16 12 10.16s1.975.886 1.975 1.975S13.089 14.11 12 14.11zm0-2.633a.659.659 0 1 0 .001 1.317.659.659 0 0 0-.001-1.317z"
/>
<path
d="m12.848 13.918.932-.931 3.95 3.95-.932.931zM18.117 2.069l.93-.932 3.95 3.95-.93.932zM1 5.086l3.95-3.95.93.93-3.95 3.95z"
/>
</svg>
More icons in the same style and category