Color

Advanced editing in SVG Editor

Carbon Icons

Fire Fill Icon

Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.

Download SVG

Collection: Carbon Icons
Format: SVG, React, Angular, Vue, Web Component, PNG
License: Apache-2.0 - Free for commercial use
Style: Filled
Tags: fire fill flame heat hot burn warning

The Fire Fill icon is available as a free SVG and is ready to drop into any web or app project.

img tag

<img src="https://proicons.com/icon/317775.svg" alt="Fire Fill icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/317775.svg" alt="Fire Fill icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/317775.svg"
  alt="Fire Fill icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-fire-fill {
  background-image: url('https://proicons.com/icon/317775.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<?xml version="1.0" encoding="UTF-8"?>
<svg id="icon" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
  <defs>
    <style>
      .cls-1 {
        fill: none;
      }
    </style>
  </defs>
  <path d="M10.7838,26.539c.3496-.21.7598-.5,1.2197-.9102-.3901.3301-.7998.6301-1.2402.9001.0103,0,.0103.01.0205.01ZM24.8398,16.97c-.2803-.6499-.5898-1.3799-.8901-2.29-.5601-1.6799.5752-3.5372,1.2226-4.3427.1784-.222.3121-.3935.5332-.6305h0c-1.1064-1.1248-2.8092-1.4576-4.232-.7758-.5206.2494-1.0537.5443-1.5535.8891-.6104-4.5701-4.6802-5.8201-6.9199-5.8201h-2l1.1997,1.6001c.1401.1799,2.8701,3.9199,1.3599,7.6799-.96-2.53-3.2197-3.28-4.5596-3.28h-1v4c0,1.3101-.4502,2.4299-.9302,3.6301-.52,1.3101-1.0698,2.6799-1.0698,4.3699,0,1.9402.9697,3.95,2.7295,5.48.7202-.24,1.4004-.5598,2.0303-.95.4399-.27.8501-.5701,1.2402-.8999.1797-.1602.3696-.3301.54-.49.0195-.02.0396-.04.0596-.0601.2803-.3.5801-.6301.8901-1.01.2397-.29.46-.6001.6699-.9199.6499-.9402,1.3003-2.1101,1.9199-3.55l.5903-1.3501,1.04,1.04c.5195.52,1.1196,1.3301,1.5898,2.3401.0498.1199.1099.25.1602.3899.0298.0601.0498.1301.0801.2.3896,1.01.6196,2.1899.5396,3.4702,0,.0198,0,.0398-.0098.0498,0,.1301-.0103.27-.0298.4001,0,.05-.0103.0999-.0205.1499-.0195.1301-.04.25-.0698.3801.0103.0598-.0098.1099-.0298.1599-.0303.1299-.0601.27-.1001.4099,0,.02,0,.04-.0103.05-.25.8801-.6797,1.7-1.3096,2.4001-.0303.0298-.0503.0598-.0801.0798,4.7397-.9199,7.5801-4.46,7.5801-7.77,0-2.26-.54-3.55-1.1602-5.03Z"/>
  <rect id="_Transparent_Rectangle_" data-name="&amp;lt;Transparent Rectangle&amp;gt;" class="cls-1" width="32" height="32"/>
</svg>

Fire Fill in other icon packs

Phosphor Icons Filled

Remix Icons Filled

Lets Icons Filled

MingCute Icons Filled

Copied!

Fire Fill Icon

More from Carbon Icons

Fire Fill in other icon packs