Add icons to this collection by clicking the heart icon.
Alarm icon - also known as smartphone, alarm, alert, alarm clock, ui, electronics, communications, alarms, and time and date. Created in a clean lineal 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 512 512"
>
<defs>
<linearGradient
id="a"
x1="130.219"
x2="630.479"
y1="614.477"
y2="114.217"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient
id="b"
x1="-26.129"
x2="474.131"
y1="458.129"
y2="-42.131"
href="#a"
/>
<linearGradient
id="c"
x1="53.871"
x2="554.131"
y1="538.129"
y2="37.869"
href="#a"
/>
<linearGradient
id="d"
x1="19.101"
x2="519.361"
y1="503.359"
y2="3.099"
href="#a"
/>
<linearGradient
id="e"
x1="1.871"
x2="502.131"
y1="486.129"
y2="-14.131"
href="#a"
/>
<linearGradient
id="f"
x1="-76.129"
x2="424.131"
y1="408.129"
y2="-92.131"
href="#a"
/>
<linearGradient
id="g"
x1="2.013"
x2="502.273"
y1="486.271"
y2="-13.989"
href="#a"
/>
<linearGradient
id="h"
x1="-30.129"
x2="470.131"
y1="454.129"
y2="-46.131"
href="#a"
/>
<linearGradient
id="i"
x1="-34.129"
x2="466.131"
y1="450.129"
y2="-50.131"
href="#a"
/>
<linearGradient
id="j"
x1="-132.129"
x2="368.131"
y1="352.129"
y2="-148.131"
href="#a"
/>
</defs>
<path
fill="url(#a)"
d="M432 296a23.912 23.912 0 0 0-8.85 1.7A23.975 23.975 0 0 0 384 286.13a23.925 23.925 0 0 0-24-4.75V240a24 24 0 0 0-48 0v65.38A23.982 23.982 0 0 0 280 328v88a8.008 8.008 0 0 0 2.34 5.66L312 451.31V464h-8a8 8 0 0 0-8 8v24a8 8 0 0 0 8 8h136a8 8 0 0 0 8-8v-24a8 8 0 0 0-8-8h-8v-13.33l22.4-29.87a7.982 7.982 0 0 0 1.6-4.8v-96a24.032 24.032 0 0 0-24-24Zm0 192H312v-8h120Zm8-74.67-22.4 29.87a7.982 7.982 0 0 0-1.6 4.8v16h-88v-16a8.008 8.008 0 0 0-2.34-5.66L296 412.69V328a8 8 0 0 1 16 0v48a8 8 0 0 0 16 0V240a8 8 0 0 1 16 0v104a8 8 0 0 0 16 0v-40a8 8 0 0 1 16 0v40a8 8 0 0 0 16 0v-40a8 8 0 0 1 16 0v40a8 8 0 0 0 16 0v-24a8 8 0 0 1 16 0Z"
/>
<path
fill="url(#b)"
d="M228 96H60a28.031 28.031 0 0 0-28 28v328a28.031 28.031 0 0 0 28 28h168a28.031 28.031 0 0 0 28-28V124a28.031 28.031 0 0 0-28-28Zm-55.1 16-2.67 8h-52.46l-2.67-8ZM240 452a12.01 12.01 0 0 1-12 12H60a12.01 12.01 0 0 1-12-12V124a12.01 12.01 0 0 1 12-12h38.23l6.18 18.53A8 8 0 0 0 112 136h64a8 8 0 0 0 7.59-5.47l6.18-18.53H228a12.01 12.01 0 0 1 12 12Z"
/>
<path fill="url(#c)" d="M168 440h-48a8 8 0 0 0 0 16h48a8 8 0 0 0 0-16Z" />
<path
fill="url(#d)"
d="M440.794 179.48a88 88 0 1 0-129.588 0l-20.863 20.863a8 8 0 0 0 11.314 11.314l21.406-21.406a87.818 87.818 0 0 0 105.874 0l21.406 21.406a8 8 0 1 0 11.314-11.314ZM304 120a72 72 0 1 1 72 72 72.081 72.081 0 0 1-72-72Z"
/>
<path
fill="url(#e)"
d="M384 116.686V72a8 8 0 0 0-16 0v48a8 8 0 0 0 2.343 5.657l16 16a8 8 0 1 0 11.314-11.314Z"
/>
<path
fill="url(#f)"
d="m329.11 19.86-2.83-2.83a27.993 27.993 0 0 0-39.59 0l-5.66 5.66a28.017 28.017 0 0 0 0 39.59l2.83 2.83a7.979 7.979 0 0 0 11.31 0l33.94-33.94a7.979 7.979 0 0 0 0-11.31ZM290 47.66A12.029 12.029 0 0 1 292.34 34l5.66-5.66a11.953 11.953 0 0 1 8.49-3.51 11.831 11.831 0 0 1 5.17 1.17Z"
/>
<path
fill="url(#g)"
d="M471.255 22.687 465.6 17.03a28.031 28.031 0 0 0-39.6 0l-2.829 2.828a8 8 0 0 0 0 11.314l33.941 33.942a8 8 0 0 0 11.315 0l2.828-2.828a28.031 28.031 0 0 0 0-39.599Zm-8.971 24.97L440.627 26a12.021 12.021 0 0 1 13.657 2.343L459.94 34a12.02 12.02 0 0 1 2.344 13.657Z"
/>
<path
fill="url(#h)"
d="M144 192a88 88 0 1 0 88 88 88.1 88.1 0 0 0-88-88Zm0 160a72 72 0 1 1 72-72 72.081 72.081 0 0 1-72 72Z"
/>
<path
fill="url(#i)"
d="M152 276.686V232a8 8 0 0 0-16 0v48a8 8 0 0 0 2.343 5.657l16 16a8 8 0 1 0 11.314-11.314Z"
/>
<path
fill="url(#j)"
d="M264 8H144a8 8 0 0 0-8 8v64a8 8 0 0 0 16 0V24h112a8 8 0 0 0 0-16Z"
/>
</svg>
More icons in the same style and category