Add icons to this collection by clicking the heart icon.
Alarm Clock icon - also known as technology, smartphone, iphone, mobile phone, touch screen, alarm clock, cellphone, electronics, and communications. 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="-58.57"
x2="5.665"
y1="587.625"
y2="587.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4761ac" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<path
d="M328 0H152c-22.08.026-39.974 17.92-40 40v400c.026 22.08 17.92 39.974 40 40h176c22.08-.026 39.974-17.92 40-40V40c-.026-22.08-17.92-39.974-40-40zM128 88h224v312H128V88zm224 352c0 13.255-10.745 24-24 24H152c-13.255 0-24-10.745-24-24v-24h224v24zM128 72V40c0-13.255 10.745-24 24-24h176c13.255 0 24 10.745 24 24v32H128z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-58.57"
x2="5.665"
y1="611.625"
y2="611.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4761ac" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<path d="M184 40h112v16H184V40z" fill="url(#b)" />
<linearGradient
id="c"
x1="-58.57"
x2="5.665"
y1="562.625"
y2="562.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4761ac" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<path d="M224 432h32v16h-32v-16z" fill="url(#c)" />
<linearGradient
id="d"
x1="-58.571"
x2="5.665"
y1="587.625"
y2="587.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4761ac" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<path
d="M395.152 285.656c25.166-25.235 25.166-66.077 0-91.312l-11.312 11.312c18.929 18.984 18.929 49.704 0 68.688l11.312 11.312z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-58.571"
x2="5.665"
y1="587.625"
y2="587.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4761ac" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<path
d="m419.152 170.344-11.312 11.312c32.169 32.245 32.169 84.443 0 116.688l11.312 11.312c38.406-38.496 38.406-100.816 0-139.312z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-58.57"
x2="5.665"
y1="587.625"
y2="587.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4761ac" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<path
d="M84.848 194.344c-25.166 25.235-25.166 66.077 0 91.312l11.312-11.312c-18.929-18.984-18.929-49.704 0-68.688l-11.312-11.312z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-58.57"
x2="5.665"
y1="587.625"
y2="587.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4761ac" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<path
d="m60.848 309.656 11.312-11.312c-32.16-32.248-32.16-84.44 0-116.688l-11.312-11.312c-38.406 38.496-38.406 100.816 0 139.312z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="-58.57"
x2="5.665"
y1="584.625"
y2="584.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4761ac" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<path
d="M240 176c-48.601 0-88 39.399-88 88s39.399 88 88 88 88-39.399 88-88c-.057-48.577-39.423-87.943-88-88zm0 160c-39.764 0-72-32.236-72-72s32.236-72 72-72 72 32.236 72 72c-.044 39.746-32.254 71.956-72 72z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="-58.57"
x2="5.665"
y1="587.625"
y2="587.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4761ac" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<path d="M248 208h-16v64h56v-16h-40v-48z" fill="url(#i)" />
<linearGradient
id="j"
x1="-58.57"
x2="5.665"
y1="598.625"
y2="598.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4761ac" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<path
d="M168.24 177.936A8 8 0 0 0 176 184c.86 0 1.714-.14 2.528-.416l48-16a8 8 0 0 0 4.632-11.16l-16-32a8 8 0 0 0-10.136-3.856l-40 16a8 8 0 0 0-4.8 9.368l8.016 32zm35.896-39.768 8.584 17.16-31.056 10.352-4.208-16.88 26.68-10.632z"
fill="url(#j)"
/>
<linearGradient
id="k"
x1="-58.57"
x2="5.665"
y1="598.625"
y2="598.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4761ac" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<path
d="m253.472 167.584 48 16A7.872 7.872 0 0 0 304 184a8 8 0 0 0 7.76-6.064l8-32a8 8 0 0 0-4.8-9.368l-40-16a8 8 0 0 0-10.136 3.856l-16 32a8 8 0 0 0 4.632 11.16h.016zm22.4-29.416 26.672 10.632-4.208 16.848-31.056-10.32 8.592-17.16z"
fill="url(#k)"
/>
</svg>
More icons in the same style and category