Add icons to this collection by clicking the heart icon.
Fire icon - also known as fire, nature, security, burning, danger, flame, element, and miscellaneous. 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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="74.98"
x2="437.019"
y1="437.019"
y2="74.981"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff4c4c" />
<stop offset="1" stop-color="#fff200" />
</linearGradient>
<radialGradient
id="b"
cx="256"
cy="256"
r="256"
gradientUnits="userSpaceOnUse"
>
<stop offset=".006" stop-color="#ff4c4c" stop-opacity=".8" />
<stop offset="1" stop-color="#fffa78" stop-opacity="0" />
</radialGradient>
<linearGradient
id="c"
x1="83.568"
x2="610.717"
y1="441.065"
y2="-86.083"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff4c4c" />
<stop offset=".194" stop-color="#ff6740" />
<stop offset=".606" stop-color="#ffac21" />
<stop offset="1" stop-color="#fff200" />
</linearGradient>
<linearGradient
id="d"
x1="171.901"
x2="340.099"
y1="389.069"
y2="220.871"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff8c00" />
<stop offset=".583" stop-color="#ffce48" />
<stop offset="1" stop-color="#fffa78" />
</linearGradient>
<linearGradient
id="e"
x1="215.137"
x2="296.863"
y1="361.762"
y2="280.036"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fffa78" />
<stop offset=".627" stop-color="#fffdcf" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="f"
x1="199.078"
x2="316.341"
y1="377.837"
y2="260.574"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff200" />
<stop offset=".33" stop-color="#fff658" />
<stop offset=".794" stop-color="#fffdcf" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<circle cx="256" cy="256" r="256" fill="url(#a)" />
<circle cx="256" cy="256" r="256" fill="url(#b)" />
<path
fill="url(#c)"
d="M411.328 198.913c-22.745-38.425-45.7-77.39-68.385-116.503-4.301-7.41-13.565-10.135-20.736-6.034a6138.581 6138.581 0 0 0-16.092 9.225 15627.673 15627.673 0 0 1-39.497-40.334c-5.879-6.029-15.356-6.029-21.235 0a15305.908 15305.908 0 0 1-39.497 40.334 6483.784 6483.784 0 0 0-16.092-9.225c-7.171-4.101-16.435-1.376-20.736 6.034-22.685 39.112-45.64 78.076-68.383 116.5-42.299 68.687-31.403 156.242 29.118 217.451 34.464 34.783 79.04 54.941 126.209 54.895 47.17.046 91.748-20.112 126.213-54.9 60.515-61.203 71.411-148.755 29.113-217.443z"
/>
<path
fill="url(#d)"
d="M256 425.131c-31.451.014-61.074-12.849-83.674-35.639-46.906-47.288-47.678-121.468-.75-168.058 28.228-28.133 56.476-56.503 84.424-84.663 27.949 28.159 56.196 56.53 84.424 84.663 46.929 46.591 46.156 120.771-.747 168.055-22.601 22.793-52.225 35.656-83.677 35.642z"
/>
<path
fill="url(#e)"
d="M313.783 320.931c-.162 31.867-26.102 58.061-57.783 58.075-31.682-.014-57.621-26.208-57.783-58.075-.139-31.873 25.8-57.73 57.783-57.75 31.983.019 57.923 25.877 57.783 57.75z"
/>
<path
fill="url(#f)"
d="M271.306 348.24c-31.805.06-57.743-26.029-57.817-57.943a57.938 57.938 0 0 1 .746-9.318c-9.972 10.379-16.082 24.432-16.018 39.951.162 31.868 26.102 58.061 57.783 58.075 28.544-.005 52.386-21.275 56.987-48.762-10.561 11.024-25.334 17.963-41.681 17.997z"
/>
</svg>
More icons in the same style and category