Add icons to this collection by clicking the heart icon.
Fire icon - also known as fire, nature, flame, burn, and element. 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="256"
x2="256"
y1="512"
y2="0"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a4ffe7" />
<stop offset=".997" stop-color="#e9fff3" />
</linearGradient>
<linearGradient
id="b"
x1="256"
x2="256"
y1="512"
y2="207"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00b59b" />
<stop offset="1" stop-color="#4effa8" />
</linearGradient>
<path
fill="url(#a)"
d="M256 512c-57.429 0-111.42-22.364-152.028-62.972C63.364 408.42 41 354.429 41 297c0-28.348 5.047-56.179 15-82.72l45.955-122.547c3.68-9.814 16.035-12.924 23.923-6.022l47.968 41.972c7.806 6.83 20.022 3.866 23.83-5.781l44.372-112.41c4.996-12.657 22.909-12.657 27.905 0l44.372 112.41c3.808 9.648 16.024 12.611 23.83 5.781l47.968-41.972c7.888-6.902 20.242-3.792 23.923 6.022l45.971 122.589c9.949 26.528 14.99 54.347 14.984 82.681 0 57.426-22.364 111.417-62.972 152.025C367.42 489.636 313.429 512 256 512z"
/>
<path
fill="url(#b)"
d="M256 512c-63.411 0-115-51.589-115-115 0-26.328 17.202-64.479 52.587-116.633 25.13-37.038 49.858-66.734 50.898-67.98 5.996-7.182 17.032-7.182 23.028 0 1.041 1.246 25.768 30.942 50.898 67.98C353.798 332.522 371 370.672 371 397c0 63.411-51.589 115-115 115z"
/>
</svg>
More icons in the same style and category