Add icons to this collection by clicking the heart icon.
Fire icon - also known as fire, nature, forest, burning, flammable, conflagration, desert, disaster, and ecology and environment. Created in a clean gradient style with a red and maroon finish, 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="512pt"
height="512pt"
viewBox="0 0 512 512"
>
<linearGradient id="a">
<stop offset="0" stop-color="#ffd567" />
<stop offset="1" stop-color="#ffa725" />
</linearGradient>
<linearGradient
id="c"
x1="74.981"
x2="437.019"
y1="74.981"
y2="437.019"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#ff8b2a" />
<stop offset="1" stop-color="#ff5233" />
</linearGradient>
<linearGradient
id="d"
x1="130.907"
x2="381.094"
y1="143.934"
y2="394.121"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="e"
x1="139.578"
x2="372.426"
y1="265.521"
y2="265.521"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="185.816"
x2="326.185"
y1="231.708"
y2="372.077"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="203.853"
x2="308.147"
y1="361.916"
y2="466.21"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a33b1a" />
<stop offset="1" stop-color="#462300" />
</linearGradient>
<path
fill="url(#c)"
d="M512 256c0 141.387-114.613 256-256 256S0 397.387 0 256 114.613 0 256 0s256 114.613 256 256zm0 0"
/>
<path
fill="url(#d)"
d="M395.957 207.328 327.41 90.25l-25.945 15.227L256 60l-45.465 45.477L184.59 90.25l-68.54 117.055c-37.507 63.722-27.155 144.789 25.177 197.132a164.23 164.23 0 0 0 10.484 9.63H256v-.004h104.293c3.61-3.04 7.105-6.247 10.48-9.625 52.332-52.352 62.684-133.418 25.184-197.11zm0 0"
/>
<path
fill="url(#e)"
d="m356.375 230.637-45.371-77.5-16.93 9.93L256 124.98l-38.074 38.09-16.93-9.93-45.355 77.473c-26.887 45.676-19.461 103.801 18.078 141.352 21.972 21.988 51.195 34.097 82.281 34.097 31.082 0 60.309-12.109 82.281-34.097 37.54-37.55 44.965-95.676 18.094-141.328zm0 0"
/>
<path
fill="#a33b1a"
d="m290.453 331.195-22.969-11.484 22.97-11.484c12.663 0 22.968-10.305 22.968-22.97v-48.234h22.969v48.235c0 25.328-20.61 45.937-45.938 45.937zm0 0"
/>
<path
fill="#d14626"
d="m221.547 331.195 22.969-11.484-22.97-11.484c-12.663 0-22.968-10.305-22.968-22.97v-48.234H175.61v48.235c0 25.328 20.61 45.937 45.938 45.937zm0 0"
/>
<path
fill="url(#f)"
d="M256 175.77c-18.996 0-34.453 15.457-34.453 34.453v197.586h68.906V210.223c0-18.996-15.457-34.453-34.453-34.453zm0 0"
/>
<path
fill="url(#g)"
d="M256 379.266c-39.14 0-75.254 12.953-104.293 34.796C180.887 438.625 217.414 452 256 452c38.59 0 75.113-13.375 104.293-37.938-29.04-21.843-65.152-34.796-104.293-34.796zm0 0"
/>
</svg>
More icons in the same style and category