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 512 512"
>
<linearGradient
id="a"
x1="74.981"
x2="437.019"
y1="439.019"
y2="76.981"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffc473" />
<stop offset="1" stop-color="#e67500" />
</linearGradient>
<circle cx="256" cy="256" r="256" fill="url(#a)" />
<linearGradient
id="b"
x1="166"
x2="356.16"
y1="116.263"
y2="116.263"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#ffec98" />
</linearGradient>
<path
d="m141.38 424.866-.807-.48c-6.111-3.631-8.12-11.528-4.489-17.638l22.549-37.947 22.935 13.629-22.549 37.947c-3.631 6.11-11.528 8.12-17.639 4.489z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="166"
x2="356.16"
y1="116.263"
y2="116.263"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#ffec98" />
</linearGradient>
<path
d="m370.62 424.866.807-.48c6.11-3.631 8.12-11.528 4.489-17.638l-22.549-37.947-22.935 13.629 22.549 37.947c3.631 6.11 11.528 8.12 17.639 4.489z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="166"
x2="356.16"
y1="362.909"
y2="362.909"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#ffec98" />
</linearGradient>
<path
d="m183.996 157.447-24.258 15.176-17.448-27.888 24.258-15.177z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="141"
x2="376.55"
y1="388.08"
y2="388.08"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7486ef" />
<stop offset="1" stop-color="#2c4ce8" />
</linearGradient>
<path
d="M198.38 104.826c-16.685-24.542-50.413-30.703-75.333-13.761-24.921 16.942-31.597 50.572-14.913 75.114a53.312 53.312 0 0 0 3.143 4.161l89.816-61.061c-.825-1.512-1.725-3-2.713-4.453z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="166"
x2="356.16"
y1="362.096"
y2="362.096"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#ffec98" />
</linearGradient>
<path
d="m327.34 158.259 24.258 15.177 17.448-27.888-24.258-15.177z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="141"
x2="376.55"
y1="388.08"
y2="388.08"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7486ef" />
<stop offset="1" stop-color="#2c4ce8" />
</linearGradient>
<path
d="M313.62 104.826c16.685-24.542 50.413-30.703 75.333-13.761 24.921 16.942 31.597 50.572 14.913 75.114a53.312 53.312 0 0 1-3.143 4.161l-89.816-61.061c.825-1.512 1.725-3 2.713-4.453z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="113.32"
x2="398.68"
y1="242.97"
y2="242.97"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7486ef" />
<stop offset="1" stop-color="#2c4ce8" />
</linearGradient>
<circle cx="256" cy="271.03" r="142.68" fill="url(#h)" />
<linearGradient
id="i"
x1="144.41"
x2="367.59"
y1="242.97"
y2="242.97"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#ffec98" />
</linearGradient>
<circle cx="256" cy="271.03" r="111.59" fill="url(#i)" />
<linearGradient
id="j"
x1="246.84"
x2="265.151"
y1="295.289"
y2="295.289"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff4619" />
<stop offset="1" stop-color="#b30000" />
</linearGradient>
<path d="M246.84 181.29h18.311v74.841H246.84z" fill="url(#j)" />
<linearGradient
id="k"
x1="235.616"
x2="276.384"
y1="242.97"
y2="242.97"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7486ef" />
<stop offset="1" stop-color="#2c4ce8" />
</linearGradient>
<circle cx="256" cy="271.03" r="20.384" fill="url(#k)" />
</svg>
More icons in the same style and category