Add icons to this collection by clicking the heart icon.
Alarm Clock icon - also known as wake up, alarm clock, timer, electronics, and time and date. Created in a clean flat 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 32 32"
>
<linearGradient id="a">
<stop offset="0" stop-color="#42a5f5" />
<stop offset="1" stop-color="#1e88e5" />
</linearGradient>
<linearGradient
id="c"
x1="6"
x2="9.74"
y1="7.87"
y2="7.87"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="22.26"
x2="26"
y1="7.87"
y2="7.87"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#bbdefb" />
<stop offset="1" stop-color="#64b5f6" />
</linearGradient>
<linearGradient
id="e"
x1="4"
x2="28"
y1="17"
y2="17"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="f"
x1="1"
x2="11.535"
y1="6.268"
y2="6.268"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="20.465"
x2="31"
y1="6.268"
y2="6.268"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="5"
x2="10.14"
y1="27.801"
y2="27.801"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="21.86"
x2="27"
y1="27.801"
y2="27.801"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="13"
x2="19"
y1="4"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="4"
x2="28"
y1="17"
y2="17"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="15"
x2="22"
y1="14.044"
y2="14.044"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#c)"
d="M8.74 9.74a.997.997 0 0 1-.707-.293l-1.74-1.74a1 1 0 1 1 1.414-1.414l1.74 1.74A1 1 0 0 1 8.74 9.74z"
/>
<path
fill="url(#d)"
d="M23.26 9.74a1 1 0 0 1-.707-1.707l1.74-1.74a1 1 0 1 1 1.414 1.414l-1.74 1.74a.997.997 0 0 1-.707.293z"
/>
<circle cx="16" cy="17" r="12" fill="url(#e)" />
<path
fill="url(#f)"
d="M11.242 2.757C10.11 1.624 8.602 1 7 1s-3.11.624-4.242 1.757A5.96 5.96 0 0 0 1 6.999c0 1.603.624 3.11 1.758 4.243a1 1 0 0 0 1.414 0l7.07-7.071a1 1 0 0 0 0-1.414z"
/>
<path
fill="url(#g)"
d="M29.242 2.757C28.11 1.624 26.602 1 25 1s-3.11.624-4.242 1.757a1 1 0 0 0 0 1.414l7.07 7.071a1 1 0 0 0 1.414 0A5.961 5.961 0 0 0 31 7a5.96 5.96 0 0 0-1.758-4.242z"
/>
<path
fill="url(#h)"
d="M5.999 31a1 1 0 0 1-.813-1.581l3.14-4.4c.32-.45.944-.552 1.395-.234.449.321.553.945.233 1.396l-3.14 4.4A1 1 0 0 1 6 31z"
/>
<path
fill="url(#i)"
d="M26.001 31a1 1 0 0 1-.815-.419l-3.14-4.4a1.002 1.002 0 0 1 1.629-1.162l3.14 4.4A1.002 1.002 0 0 1 26 31z"
/>
<path
fill="url(#j)"
d="M18 1h-4a1 1 0 1 0 0 2h1v3a1 1 0 1 0 2 0V3h1a1 1 0 1 0 0-2z"
/>
<path
fill="url(#k)"
d="M16 5C9.383 5 4 10.383 4 17s5.383 12 12 12 12-5.383 12-12S22.617 5 16 5zm8.998 13h.951a9.954 9.954 0 0 1-2.21 5.324l-.67-.668a1 1 0 1 0-1.414 1.414l.67.668A9.957 9.957 0 0 1 17 26.95l-.001-.95a1 1 0 0 0-2 0l.001.95a9.951 9.951 0 0 1-5.324-2.21l.667-.669a1 1 0 1 0-1.414-1.414l-.667.668A9.957 9.957 0 0 1 6.05 18H7a1 1 0 1 0 0-2h-.95a9.957 9.957 0 0 1 2.212-5.324l.667.667a.997.997 0 0 0 1.414 0 1 1 0 0 0 0-1.414l-.667-.667A9.957 9.957 0 0 1 15 7.05V8a1 1 0 1 0 2 0v-.95c2.008.201 3.842.999 5.324 2.212l-.669.668a1 1 0 1 0 1.414 1.414l.67-.668A9.954 9.954 0 0 1 25.948 16h-.951a1 1 0 1 0 0 2z"
/>
<path
fill="url(#l)"
d="M21 16.088h-4V11a1 1 0 1 0-2 0v6.088a1 1 0 0 0 1 1h5a1 1 0 1 0 0-2z"
/>
</svg>
More icons in the same style and category