Add icons to this collection by clicking the heart icon.
Alarm Clock icon - also known as clock, time, Tools and utensils, alarm clock, timer, and time and date. Created in a clean 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="100"
height="100"
viewBox="0 0 460.278 460.278"
>
<linearGradient
id="a"
x1="-8.482"
x2="-8.482"
y1="593.655"
y2="502.522"
gradientTransform="matrix(5.2245 0 0 -5.2245 316.25 3089.095)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M313.731 245.551h-67.918V151.51c0-8.882-6.792-15.673-15.673-15.673s-15.673 6.792-15.673 15.673v109.714c0 8.882 6.792 15.673 15.673 15.673h83.592c8.882 0 15.673-6.792 15.673-15.673-.001-8.881-6.793-15.673-15.674-15.673z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-16.482"
x2="-16.482"
y1="593.655"
y2="502.522"
gradientTransform="matrix(5.2245 0 0 -5.2245 316.25 3089.095)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M198.792 31.347h62.694c8.882 0 15.673-6.792 15.673-15.673S270.367 0 261.486 0h-62.694c-8.882 0-15.673 6.792-15.673 15.673s6.791 15.674 15.673 15.674z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="15.568"
x2="15.568"
y1="593.655"
y2="502.522"
gradientTransform="matrix(5.2245 0 0 -5.2245 316.25 3089.095)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M428.669 98.22 388.44 57.469c-6.269-6.269-16.196-6.269-21.943 0-6.269 6.269-6.269 16.196 0 21.943l40.229 40.751c3.135 3.135 7.314 4.702 10.971 4.702 4.18 0 7.837-1.567 10.971-4.702 6.271-5.747 6.271-15.673.001-21.943z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-16.482"
x2="-16.482"
y1="593.655"
y2="502.522"
gradientTransform="matrix(5.2245 0 0 -5.2245 316.25 3089.095)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M421.878 250.253c0-105.535-86.204-191.739-191.739-191.739S38.4 143.673 38.4 250.253c0 61.649 29.257 117.029 75.233 152.033l-31.347 31.347c-6.269 6.269-6.269 16.196 0 21.943 3.135 3.135 7.314 4.702 10.971 4.702s7.837-1.567 10.971-4.702l36.049-36.049c26.645 14.106 57.469 22.465 89.861 22.465s62.694-8.359 89.861-22.465l36.049 36.049c3.135 3.135 7.314 4.702 10.971 4.702s7.837-1.567 10.971-4.702c6.269-6.269 6.269-16.196 0-21.943l-31.347-31.347c45.977-35.527 75.235-90.384 75.235-152.033zM230.139 410.122c-88.294-.522-160.392-72.098-160.392-160.391 0-87.771 72.098-159.869 160.392-159.869s160.392 72.098 160.392 160.392-72.098 159.868-160.392 159.868z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-48.532"
x2="-48.532"
y1="593.655"
y2="502.522"
gradientTransform="matrix(5.2245 0 0 -5.2245 316.25 3089.095)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M53.551 120.163 93.78 79.412c6.269-6.269 6.269-16.196 0-21.943-6.269-6.269-16.196-6.269-21.943 0L31.608 98.22c-6.269 6.269-6.269 16.196 0 21.943 3.135 3.135 6.792 4.702 10.971 4.702 4.18.523 7.837-1.045 10.972-4.702z"
fill="url(#e)"
/>
</svg>
More icons in the same style and category