Add icons to this collection by clicking the heart icon.
Fire icon - also known as fire, nature, hot, burning, flame, 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 64 64"
>
<linearGradient id="a">
<stop offset="0" stop-color="#00a5e9" />
<stop offset="1" stop-color="#15ffce" />
</linearGradient>
<linearGradient
id="b"
x1="45.533"
x2="45.533"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="26.931"
x2="26.931"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="35.307"
x2="35.307"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="29.455"
x2="29.455"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="34.623"
x2="34.623"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="21.039"
x2="21.039"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="41.334"
x2="41.334"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="48.609"
x2="48.609"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="21.223"
x2="21.223"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="27.645"
x2="27.645"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="31.754"
x2="31.754"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="41.408"
x2="41.408"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="25.541"
x2="25.541"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M48.402 38.207a1 1 0 1 0 1.988.209c.859-8.185-2.187-16.664-8.147-22.684a1.001 1.001 0 0 0-1.422 1.408c5.544 5.597 8.378 13.473 7.581 21.067z"
/>
<path
fill="url(#c)"
d="M27.966 57a1 1 0 0 0 .814-1.58 10.278 10.278 0 0 1-1-10.105 1 1 0 1 0-1.826-.816 12.29 12.29 0 0 0 1.195 12.08.999.999 0 0 0 .817.421z"
/>
<path
fill="url(#d)"
d="M32.853 31.836a1 1 0 0 0-1.308 1.514c6.381 5.514 7.75 15.019 3.185 22.109a1 1 0 0 0 1.68 1.082c5.102-7.922 3.571-18.543-3.557-24.705z"
/>
<path
fill="url(#e)"
d="M29.442 44.682a1.001 1.001 0 0 0 1.991.204c.287-2.816-.5-5.609-2.216-7.864a1 1 0 0 0-1.591 1.211 9.082 9.082 0 0 1 1.816 6.449z"
/>
<path
fill="url(#f)"
d="M28.198 8.872a22.913 22.913 0 0 1 11.374 16.033 1 1 0 1 0 1.969-.348 24.906 24.906 0 0 0-12.362-17.43 1 1 0 0 0-.981 1.745z"
/>
<path
fill="url(#g)"
d="M21.413 26.975a1 1 0 1 0 1.96-.395 14.249 14.249 0 0 0-2.913-6.163 1.001 1.001 0 0 0-1.551 1.263 12.23 12.23 0 0 1 2.504 5.295z"
/>
<path
fill="url(#h)"
d="M35.569 57c.113 0 .229-.02.341-.06a22.1 22.1 0 0 0 12.074-10.552 1 1 0 1 0-1.772-.928 20.103 20.103 0 0 1-10.984 9.599A1 1 0 0 0 35.569 57z"
/>
<path
fill="url(#i)"
d="M48.609 43.229a.97.97 0 0 0 .7-.3.975.975 0 0 0 0-1.41c-.359-.37-1.029-.37-1.41 0a.994.994 0 0 0-.29.71c0 .261.101.521.29.7.191.191.451.3.71.3z"
/>
<path
fill="url(#j)"
d="M27.744 56.976a1 1 0 1 0 .442-1.951c-6.377-1.445-11.392-6.755-12.479-13.212a16.23 16.23 0 0 1 1.011-8.927c.319-.77.691-1.505 1.086-2.284.49-.97.998-1.973 1.393-3.046a26.46 26.46 0 0 0 1.484-6.404 1.002 1.002 0 0 0-.893-1.098 1.015 1.015 0 0 0-1.098.893 24.484 24.484 0 0 1-1.371 5.919c-.354.965-.814 1.872-1.301 2.833-.394.778-.801 1.582-1.148 2.422a18.237 18.237 0 0 0-1.136 10.024c1.221 7.248 6.851 13.208 14.01 14.831z"
/>
<path
fill="url(#k)"
d="M27.421 37.626a16.753 16.753 0 0 1-1.467 6.873 1 1 0 1 0 1.826.816 18.743 18.743 0 0 0 1.641-7.689 1 1 0 1 0-2 0z"
/>
<path
fill="url(#l)"
d="M29.651 44.165a1 1 0 1 0 1.572 1.236 13.37 13.37 0 0 0 1.903-13.179 1 1 0 1 0-1.858.74 11.359 11.359 0 0 1-1.617 11.203z"
/>
<path
fill="url(#m)"
d="M40.556 25.731a.998.998 0 0 0 .791-.387 9.054 9.054 0 0 0 1.096-9.321.995.995 0 0 0-1.323-.497.998.998 0 0 0-.497 1.323 7.06 7.06 0 0 1-.855 7.269.999.999 0 0 0 .788 1.613z"
/>
<path
fill="url(#n)"
d="M22.393 27.777a1 1 0 0 0 .8-.398 32.506 32.506 0 0 0 6.496-19.377c0-.553-.447-1.001-.999-1.002h-.002a1 1 0 0 0-1 .998 30.497 30.497 0 0 1-6.094 18.178 1 1 0 0 0 .799 1.601z"
/>
</svg>
More icons in the same style and category