Add icons to this collection by clicking the heart icon.
Alarm Clock icon - also known as education, clock, time, digital, 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 480 480"
>
<linearGradient
id="a"
x1="-26.875"
x2="-26.875"
y1="521.976"
y2="477.365"
gradientTransform="matrix(8 0 0 -8 455 4221)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".04" stop-color="#fee72e" />
<stop offset=".117" stop-color="#fed51b" />
<stop offset=".196" stop-color="#fdca10" />
<stop offset=".281" stop-color="#fdc70c" />
<stop offset=".669" stop-color="#f3903f" />
<stop offset=".888" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M440 112h-56v-8c0-13.255-10.745-24-24-24h-80c-13.255 0-24 10.745-24 24v8h-32v-8c0-13.255-10.745-24-24-24h-80c-13.255 0-24 10.745-24 24v8H40c-22.08.026-39.974 17.92-40 40v176c.026 22.08 17.92 39.974 40 40h32v24a8 8 0 0 0 8 8h80a8 8 0 0 0 8-8v-24h144v24a8 8 0 0 0 8 8h80a8 8 0 0 0 8-8v-24h32c22.08-.026 39.974-17.92 40-40V152c-.026-22.08-17.92-39.974-40-40zm-168-8a8 8 0 0 1 8-8h80a8 8 0 0 1 8 8v8h-96v-8zm-160 0a8 8 0 0 1 8-8h80a8 8 0 0 1 8 8v8h-96v-8zm40 280H88v-16h64v16zm240 0h-64v-16h64v16zm72-56c0 13.255-10.745 24-24 24H40c-13.255 0-24-10.745-24-24V152c0-13.255 10.745-24 24-24h400c13.255 0 24 10.745 24 24v176z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-26.875"
x2="-26.875"
y1="521.976"
y2="477.365"
gradientTransform="matrix(8 0 0 -8 455 4221)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".04" stop-color="#fee72e" />
<stop offset=".117" stop-color="#fed51b" />
<stop offset=".196" stop-color="#fdca10" />
<stop offset=".281" stop-color="#fdc70c" />
<stop offset=".669" stop-color="#f3903f" />
<stop offset=".888" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M424 144H56c-13.255 0-24 10.745-24 24v144c0 13.255 10.745 24 24 24h368c13.255 0 24-10.745 24-24V168c0-13.255-10.745-24-24-24zm8 168a8 8 0 0 1-8 8H56a8 8 0 0 1-8-8V168a8 8 0 0 1 8-8h368a8 8 0 0 1 8 8v144z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-18.875"
x2="-18.875"
y1="521.976"
y2="477.365"
gradientTransform="matrix(8 0 0 -8 455 4221)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".04" stop-color="#fee72e" />
<stop offset=".117" stop-color="#fed51b" />
<stop offset=".196" stop-color="#fdca10" />
<stop offset=".281" stop-color="#fdc70c" />
<stop offset=".669" stop-color="#f3903f" />
<stop offset=".888" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M312 192h-16c-13.255 0-24 10.745-24 24v48c0 13.255 10.745 24 24 24h16c13.255 0 24-10.745 24-24v-48c0-13.255-10.745-24-24-24zm8 72a8 8 0 0 1-8 8h-16a8 8 0 0 1-8-8v-48a8 8 0 0 1 8-8h16a8 8 0 0 1 8 8v48z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-8.875"
x2="-8.875"
y1="521.976"
y2="477.365"
gradientTransform="matrix(8 0 0 -8 455 4221)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".04" stop-color="#fee72e" />
<stop offset=".117" stop-color="#fed51b" />
<stop offset=".196" stop-color="#fdca10" />
<stop offset=".281" stop-color="#fdc70c" />
<stop offset=".669" stop-color="#f3903f" />
<stop offset=".888" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M392 192h-16c-13.255 0-24 10.745-24 24v48c0 13.255 10.745 24 24 24h16c13.255 0 24-10.745 24-24v-48c0-13.255-10.745-24-24-24zm8 72a8 8 0 0 1-8 8h-16a8 8 0 0 1-8-8v-48a8 8 0 0 1 8-8h16a8 8 0 0 1 8 8v48z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-44.875"
x2="-44.875"
y1="521.976"
y2="477.365"
gradientTransform="matrix(8 0 0 -8 455 4221)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".04" stop-color="#fee72e" />
<stop offset=".117" stop-color="#fed51b" />
<stop offset=".196" stop-color="#fdca10" />
<stop offset=".281" stop-color="#fdc70c" />
<stop offset=".669" stop-color="#f3903f" />
<stop offset=".888" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M104 192H88c-13.255 0-24 10.745-24 24v48c0 13.255 10.745 24 24 24h16c13.255 0 24-10.745 24-24v-48c0-13.255-10.745-24-24-24zm8 72a8 8 0 0 1-8 8H88a8 8 0 0 1-8-8v-48a8 8 0 0 1 8-8h16a8 8 0 0 1 8 8v48z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-26.875"
x2="-26.875"
y1="521.976"
y2="477.365"
gradientTransform="matrix(8 0 0 -8 455 4221)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".04" stop-color="#fee72e" />
<stop offset=".117" stop-color="#fed51b" />
<stop offset=".196" stop-color="#fdca10" />
<stop offset=".281" stop-color="#fdc70c" />
<stop offset=".669" stop-color="#f3903f" />
<stop offset=".888" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M240 200a8 8 0 0 0-8 8v16a8 8 0 0 0 16 0v-16a8 8 0 0 0-8-8z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-26.875"
x2="-26.875"
y1="521.976"
y2="477.365"
gradientTransform="matrix(8 0 0 -8 455 4221)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".04" stop-color="#fee72e" />
<stop offset=".117" stop-color="#fed51b" />
<stop offset=".196" stop-color="#fdca10" />
<stop offset=".281" stop-color="#fdc70c" />
<stop offset=".669" stop-color="#f3903f" />
<stop offset=".888" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M240 248a8 8 0 0 0-8 8v16a8 8 0 0 0 16 0v-16a8 8 0 0 0-8-8z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="-34.875"
x2="-34.875"
y1="521.976"
y2="477.365"
gradientTransform="matrix(8 0 0 -8 455 4221)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".04" stop-color="#fee72e" />
<stop offset=".117" stop-color="#fed51b" />
<stop offset=".196" stop-color="#fdca10" />
<stop offset=".281" stop-color="#fdc70c" />
<stop offset=".669" stop-color="#f3903f" />
<stop offset=".888" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M168 208h16c4.418 0 8 3.582 8 8a8 8 0 0 0 16 0c0-13.255-10.745-24-24-24h-16c-13.255 0-24 10.745-24 24v48c0 13.255 10.745 24 24 24h16c13.255 0 24-10.745 24-24v-8c0-13.255-10.745-24-24-24h-24v-16a8 8 0 0 1 8-8zm16 40a8 8 0 0 1 8 8v8a8 8 0 0 1-8 8h-16a8 8 0 0 1-8-8v-16h24z"
fill="url(#h)"
/>
</svg>
More icons in the same style and category