Add icons to this collection by clicking the heart icon.
Alarm Clock icon - also known as clock, time, alarm, watch, alarm clock, timer, and time and date. Created in a clean gradient style with a white 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="512pt"
height="512pt"
viewBox="0 0 512 512"
>
<linearGradient
id="c"
x1="74.981"
x2="437.019"
y1="74.981"
y2="437.019"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fdbf00" />
<stop offset="1" stop-color="#ff9f00" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#d3d3d8" />
<stop offset="1" stop-color="#babac0" />
</linearGradient>
<linearGradient
id="d"
x1="338.041"
x2="379.061"
y1="372.363"
y2="413.383"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="240.446"
x2="271.553"
y1="84.025"
y2="115.132"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="146.199"
x2="160.7"
y1="385.623"
y2="400.124"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="95.982"
x2="156.873"
y1="125.246"
y2="186.136"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="349.284"
x2="421.862"
y1="119.402"
y2="191.98"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="147.159"
x2="364.841"
y1="155.332"
y2="373.013"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#9cdd05" />
<stop offset="1" stop-color="#79ab03" />
</linearGradient>
<linearGradient
id="j"
x1="243.181"
x2="268.819"
y1="164.014"
y2="189.652"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#6f5654" />
<stop offset="1" stop-color="#3e322e" />
</linearGradient>
<linearGradient
id="k"
x1="238.054"
x2="273.946"
y1="199.907"
y2="235.8"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="330.349"
x2="355.987"
y1="251.183"
y2="276.82"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="156.013"
x2="181.651"
y1="251.183"
y2="276.82"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="310.39"
x2="324.891"
y1="195.11"
y2="209.611"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="187.109"
x2="201.61"
y1="319.075"
y2="333.576"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="243.181"
x2="268.819"
y1="339.034"
y2="364.672"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="q"
x1="183.483"
x2="205.236"
y1="191.485"
y2="213.237"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="r"
x1="306.764"
x2="328.517"
y1="315.45"
y2="337.201"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="s"
x1="207.288"
x2="232.926"
y1="251.183"
y2="276.82"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="t"
x1="190.983"
x2="321.017"
y1="83.751"
y2="83.751"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e7e7e7" />
<stop offset="1" stop-color="#d3d3d8" />
</linearGradient>
<linearGradient
id="u"
x1="234.147"
x2="277.853"
y1="242.321"
y2="286.028"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#68544f" />
<stop offset="1" stop-color="#3e322e" />
</linearGradient>
<path
fill="url(#c)"
d="M512 256c0 141.387-114.613 256-256 256S0 397.387 0 256 114.613 0 256 0s256 114.613 256 256zm0 0"
/>
<path
fill="url(#d)"
d="m371.809 420.633-41.02-41.02 14.5-14.5 41.024 41.02zm0 0"
/>
<path fill="url(#e)" d="M245.746 78.727h20.508v41.703h-20.508zm0 0" />
<path
fill="url(#f)"
d="m140.191 420.633-14.504-14.5 41.024-41.02 14.5 14.5zm0 0"
/>
<path
fill="url(#g)"
d="m130.004 213.008-5.75-.903c-25.078-3.937-43.274-25.238-43.274-50.656 0-28.27 23.004-51.273 51.274-51.273 21.762 0 41.21 13.789 48.39 34.32l1.926 5.488zm0 0"
/>
<path
fill="url(#h)"
d="m381.996 213.008-52.566-63.024 1.925-5.488c7.18-20.531 26.63-34.32 48.391-34.32 28.27 0 51.274 23.004 51.274 51.273 0 25.418-18.196 46.719-43.274 50.656zm0 0"
/>
<path
fill="url(#i)"
d="M256 110.176c-84.91 0-153.824 68.914-153.824 153.824 0 84.914 68.914 154.512 153.824 154.512S409.824 348.914 409.824 264c0-84.91-68.914-153.824-153.824-153.824zm0 0"
/>
<path
fill="#e7e7e7"
d="M256 151.195c-62.145 0-112.805 50.66-112.805 112.809 0 62.144 50.657 113.488 112.805 113.488s112.805-51.344 112.805-113.488c0-62.149-50.66-112.809-112.805-112.809zm0 0"
/>
<path fill="url(#j)" d="M245.746 161.45h20.508v30.765h-20.508zm0 0" />
<path fill="url(#k)" d="M245.746 192.215h20.508v51.277h-20.508zm0 0" />
<path fill="url(#l)" d="M327.785 253.746h30.766v20.512h-30.766zm0 0" />
<path fill="url(#m)" d="M153.45 253.746h30.765v20.512h-30.766zm0 0" />
<path
fill="url(#n)"
d="m314.016 220.488-14.5-14.504 21.75-21.75 14.5 14.5zm0 0"
/>
<path
fill="url(#o)"
d="m190.734 344.453-14.5-14.504 21.75-21.75 14.5 14.5zm0 0"
/>
<path fill="url(#p)" d="M245.746 336.469h20.508v30.765h-20.508zm0 0" />
<path
fill="url(#q)"
d="m197.984 220.488-21.75-21.754 14.5-14.5 21.75 21.75zm0 0"
/>
<path
fill="url(#r)"
d="m321.266 344.453-21.75-21.754 14.5-14.5 21.75 21.75zm0 0"
/>
<path fill="url(#s)" d="M204.727 253.746h30.761v20.512h-30.761zm0 0" />
<path
fill="url(#t)"
d="m321.016 79.547-6.973 19.484c-7.383-2.664-15.176-4.922-22.969-6.562-11.488-2.254-23.18-3.485-35.074-3.485s-23.586 1.23-35.074 3.485c-7.793 1.64-15.586 3.898-22.969 6.562l-6.973-19.484c8.407-2.871 17.02-5.332 25.84-7.18 12.922-2.664 26.047-3.894 39.176-3.894s26.254 1.23 39.176 3.894c8.816 1.848 17.433 4.309 25.84 7.18zm0 0"
/>
<path
fill="url(#u)"
d="M256 233.234c-17.023 0-30.766 13.743-30.766 30.766s13.743 31.45 30.766 31.45 30.766-14.427 30.766-31.45-13.743-30.766-30.766-30.766zm0 0"
/>
</svg>
More icons in the same style and category