Add icons to this collection by clicking the heart icon.
Alarm icon - also known as light, security, police, alarm, lighting, emergency, danger, warning, flashlight, alert, electronics, urgent, and red light. Created in a clean color 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 510 510"
>
<linearGradient
id="d"
x1="235.088"
x2="257.755"
y1="207.521"
y2="364.126"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff7044" />
<stop offset=".235" stop-color="#fe653c" />
<stop offset=".651" stop-color="#fb4628" />
<stop offset="1" stop-color="#f82814" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#ffd945" stop-opacity="0" />
<stop offset="1" stop-color="#fbed21" />
</linearGradient>
<linearGradient
id="e"
x1="249.067"
x2="147.067"
y1="260.848"
y2="-21.152"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="308.823"
x2="308.823"
y1="149.454"
y2="443.816"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f82814" stop-opacity="0" />
<stop offset="1" stop-color="#c0272d" />
</linearGradient>
<linearGradient
id="g"
x1="255"
x2="255"
y1="228.172"
y2="-8.622"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity="0" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="h"
x1="222.281"
x2="22.281"
y1="344.357"
y2="213.69"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="124.559"
x2="-75.441"
y1="-2880.622"
y2="-3011.289"
gradientTransform="rotate(180 206.139 -1283.457)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="255"
x2="255"
y1="350"
y2="406.668"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f82814" stop-opacity="0" />
<stop offset=".125" stop-color="#ed2819" stop-opacity=".125" />
<stop offset=".452" stop-color="#d42724" stop-opacity=".452" />
<stop offset=".753" stop-color="#c5272b" stop-opacity=".753" />
<stop offset="1" stop-color="#c0272d" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#8a7889" />
<stop offset="1" stop-color="#6e566e" />
</linearGradient>
<linearGradient
id="k"
x1="255.858"
x2="255.858"
y1="402.977"
y2="440.651"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="255"
x2="255"
y1="432.147"
y2="469.821"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#ffd945" />
<stop offset=".304" stop-color="#ffcd3e" />
<stop offset=".856" stop-color="#ffad2b" />
<stop offset="1" stop-color="#ffa325" />
</linearGradient>
<linearGradient
id="m"
x1="231.284"
x2="273.938"
y1="64.298"
y2="64.298"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="n"
x1="1850.872"
x2="1893.525"
y1="-1555.29"
y2="-1555.29"
gradientTransform="rotate(90 255 -1341)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="o"
x1="1850.872"
x2="1893.525"
y1="-1126.71"
y2="-1126.71"
gradientTransform="rotate(90 255 -1341)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="p"
x1="1376.506"
x2="1419.159"
y1="-410.068"
y2="-410.068"
gradientTransform="rotate(45 254.775 -1341.147)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="q"
x1="1376.506"
x2="1419.159"
y1="-2271.932"
y2="-2271.932"
gradientTransform="rotate(135 254.977 -1341.11)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<path
fill="url(#d)"
d="M390.09 420.351H119.91V279.684c0-74.608 60.482-135.09 135.09-135.09s135.089 60.482 135.089 135.09v140.667z"
/>
<path
fill="url(#e)"
d="M316.84 159.577c-25.103-12.945-54.538-12.945-79.642 0-43.502 22.433-73.25 67.789-73.25 120.107v140.667H390.09V279.684c0-52.319-29.748-97.674-73.25-120.107z"
/>
<path
fill="url(#f)"
d="M255 144.594c-9.404 0-18.582.966-27.444 2.795 61.448 12.681 107.646 67.091 107.646 132.295v140.667h54.887V279.684c.001-74.608-60.481-135.09-135.089-135.09z"
/>
<ellipse cx="255" cy="222.749" fill="url(#g)" rx="94.346" ry="68.185" />
<path
fill="url(#h)"
d="m248.733 365.543-64.803 13.282c-19.528 4.002-37.815-10.917-37.815-30.851V310.09c0-19.934 18.287-34.853 37.815-30.851l64.803 13.282a15.6 15.6 0 0 1 12.468 15.283v42.456a15.6 15.6 0 0 1-12.468 15.283z"
/>
<path
fill="url(#i)"
d="m261.267 292.522 64.803-13.282c19.528-4.002 37.815 10.917 37.815 30.851v37.884c0 19.934-18.287 34.853-37.815 30.851l-64.803-13.282a15.6 15.6 0 0 1-12.468-15.283v-42.456a15.6 15.6 0 0 1 12.468-15.283z"
/>
<path fill="url(#j)" d="M119.91 300h270.179v120.351H119.91z" />
<path
fill="url(#k)"
d="M404.711 457.242H107.005v-28.503c0-16.479 13.359-29.837 29.837-29.837h238.032c16.479 0 29.837 13.359 29.837 29.837z"
/>
<path
fill="url(#l)"
d="M429.071 486.412H80.929c-8.23 0-14.903-6.672-14.903-14.903v-13.6c0-16.479 13.359-29.837 29.837-29.837h318.273c16.479 0 29.837 13.359 29.837 29.837v13.6c.001 8.231-6.671 14.903-14.902 14.903z"
/>
<path
fill="url(#m)"
d="M255 105.009c-8.598 0-15.567-6.97-15.567-15.567V39.155c0-8.598 6.97-15.567 15.567-15.567 8.598 0 15.567 6.97 15.567 15.567v50.286c0 8.598-6.969 15.568-15.567 15.568z"
/>
<path
fill="url(#n)"
d="M428.579 278.588c0-8.598 6.97-15.567 15.567-15.567h50.286c8.598 0 15.567 6.97 15.567 15.567 0 8.598-6.97 15.567-15.567 15.567h-50.286c-8.597 0-15.567-6.97-15.567-15.567z"
/>
<path
fill="url(#o)"
d="M0 278.588c0-8.598 6.97-15.567 15.567-15.567h50.286c8.598 0 15.567 6.97 15.567 15.567 0 8.598-6.97 15.567-15.567 15.567H15.567C6.97 294.155 0 287.185 0 278.588z"
/>
<path
fill="url(#p)"
d="M377.739 155.849c-6.079-6.079-6.079-15.936 0-22.015l35.558-35.558c6.079-6.079 15.936-6.079 22.015 0 6.079 6.079 6.079 15.936 0 22.015l-35.558 35.558c-6.079 6.079-15.936 6.079-22.015 0z"
/>
<path
fill="url(#q)"
d="M74.688 98.275c6.079-6.079 15.936-6.079 22.015 0l35.558 35.558c6.079 6.079 6.079 15.936 0 22.015-6.079 6.079-15.936 6.079-22.015 0L74.688 120.29c-6.08-6.078-6.08-15.935 0-22.015z"
/>
</svg>
More icons in the same style and category