Add icons to this collection by clicking the heart icon.
Fire Alarm icon - also known as security, emergency, danger, warning, caution, alert, and fire alarm. 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 511.993 511.993"
>
<linearGradient
id="a"
x1="69.654"
x2="416.136"
y1="448.212"
y2="101.73"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6dd7a7" />
<stop offset="1" stop-color="#00a758" />
</linearGradient>
<circle cx="255.996" cy="255.996" r="255.996" fill="url(#a)" />
<linearGradient
id="b"
x1="176.895"
x2="349.925"
y1="196.073"
y2="196.073"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff764c" />
<stop offset="1" stop-color="#ed2400" />
</linearGradient>
<path
d="m331.123 387.317-4.153-12.933c24.111-7.742 67.953-29.058 90.684-84.832l12.579 5.126c-24.812 60.883-72.746 84.175-99.11 92.639z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="176.895"
x2="349.925"
y1="158.003"
y2="158.003"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff5f38" />
<stop offset="1" stop-color="#ca1c00" />
</linearGradient>
<path
d="M313.657 447.995H198.343c-14.103 0-25.641-11.539-25.641-25.641v-88.279c0-14.103 11.539-25.641 25.641-25.641h115.314c14.103 0 25.641 11.539 25.641 25.641v88.279c.002 14.102-11.538 25.641-25.641 25.641z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="176.895"
x2="349.925"
y1="314.901"
y2="314.901"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff9272" />
<stop offset="1" stop-color="#f53b19" />
</linearGradient>
<circle cx="255.996" cy="214.274" r="150.275" fill="url(#d)" />
<linearGradient
id="e"
x1="176.895"
x2="349.925"
y1="314.901"
y2="314.901"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#e4e4e4" />
</linearGradient>
<circle cx="255.996" cy="214.274" r="65.774" fill="url(#e)" />
<linearGradient
id="f"
x1="176.895"
x2="349.925"
y1="314.901"
y2="314.901"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff5f38" />
<stop offset="1" stop-color="#ca1c00" />
</linearGradient>
<circle cx="255.996" cy="214.274" r="31.075" fill="url(#f)" />
<linearGradient
id="g"
x1="176.895"
x2="349.925"
y1="240.401"
y2="240.401"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#e4e4e4" />
</linearGradient>
<circle cx="423.94" cy="292.118" r="23.071" fill="url(#g)" />
</svg>
More icons in the same style and category