fire icon
fire from Carbon by IBM · Outline · Planning · Apache-2.0 Free for personal and commercial use.
- Name
- fire
- Set
- Carbon
- Style
- Outline
- Category
- Planning
- Viewbox
- 32×32
- License
- Apache 2.0
The same icon in other sets
fireAkar Iconsfire-filledAnt Design IconsfireBootstrap IconsfireEmoji One (Colored)fireFont Awesome 6 SolidfireFont Awesome Solidfire-outlineFlowbite Iconsfire-16-filledFluent UI System IconsfireFluent EmojifireFluent Emoji FlatfireFluent Emoji High ContrastfireFirefox OS EmojifireHeroIconsfireHuge IconsfireIconParkfireIconPark OutlinefireIconPark SolidfireIconPark TwoTonefireLine AwesomefireMajesticonsfireMaterial Design Iconsfire-fillMingCute IconfireMyna UI IconsfireNoto Emoji
More planning icons from Carbon
accumulation-iceaccumulation-precipitationaccumulation-rainaccumulation-snowagriculture-analyticsairline-digital-gateairline-manage-gatesairline-passenger-careairline-rapid-boardairport-01airport-02airport-locationalarmalarm-addalarm-subtractarray-date-timearray-timearrivalbaggage-claimbarbicyclebootbuoybus
Use the fire icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M24.832 16.969c-.272-.647-.581-1.38-.883-2.285c-.79-2.369 1.734-4.953 1.758-4.977l-1.414-1.414c-.14.14-3.423 3.478-2.242 7.023c.326.978.652 1.75.938 2.43A9.4 9.4 0 0 1 24 22a6.24 6.24 0 0 1-4.19 5.293a8.52 8.52 0 0 0-2.103-8l-1.044-1.044l-.582 1.357c-1.836 4.284-4.021 6.154-5.306 6.934A5.84 5.84 0 0 1 8 22a9.6 9.6 0 0 1 .929-3.629A11.3 11.3 0 0 0 10 14v-1.778c.874.36 2 1.303 2 3.778v2.604l1.743-1.935c3.112-3.454 2.463-7.567 1.206-10.308A4.486 4.486 0 0 1 18 11h2c0-5.537-4.579-7-7-7h-2l1.2 1.599c.137.185 2.862 3.927 1.353 7.688A4.94 4.94 0 0 0 9 10H8v4a9.6 9.6 0 0 1-.929 3.629A11.3 11.3 0 0 0 6 22c0 3.848 3.823 8 10 8s10-4.152 10-8a11.4 11.4 0 0 0-1.168-5.031M12.835 27.526a16.5 16.5 0 0 0 4.367-5.598a6.1 6.1 0 0 1 .257 5.971A11 11 0 0 1 16 28a10.3 10.3 0 0 1-3.165-.474"/></svg>
React
import type { SVGProps } from "react";
export function CarbonFire(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M24.832 16.969c-.272-.647-.581-1.38-.883-2.285c-.79-2.369 1.734-4.953 1.758-4.977l-1.414-1.414c-.14.14-3.423 3.478-2.242 7.023c.326.978.652 1.75.938 2.43A9.4 9.4 0 0 1 24 22a6.24 6.24 0 0 1-4.19 5.293a8.52 8.52 0 0 0-2.103-8l-1.044-1.044l-.582 1.357c-1.836 4.284-4.021 6.154-5.306 6.934A5.84 5.84 0 0 1 8 22a9.6 9.6 0 0 1 .929-3.629A11.3 11.3 0 0 0 10 14v-1.778c.874.36 2 1.303 2 3.778v2.604l1.743-1.935c3.112-3.454 2.463-7.567 1.206-10.308A4.486 4.486 0 0 1 18 11h2c0-5.537-4.579-7-7-7h-2l1.2 1.599c.137.185 2.862 3.927 1.353 7.688A4.94 4.94 0 0 0 9 10H8v4a9.6 9.6 0 0 1-.929 3.629A11.3 11.3 0 0 0 6 22c0 3.848 3.823 8 10 8s10-4.152 10-8a11.4 11.4 0 0 0-1.168-5.031M12.835 27.526a16.5 16.5 0 0 0 4.367-5.598a6.1 6.1 0 0 1 .257 5.971A11 11 0 0 1 16 28a10.3 10.3 0 0 1-3.165-.474"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M24.832 16.969c-.272-.647-.581-1.38-.883-2.285c-.79-2.369 1.734-4.953 1.758-4.977l-1.414-1.414c-.14.14-3.423 3.478-2.242 7.023c.326.978.652 1.75.938 2.43A9.4 9.4 0 0 1 24 22a6.24 6.24 0 0 1-4.19 5.293a8.52 8.52 0 0 0-2.103-8l-1.044-1.044l-.582 1.357c-1.836 4.284-4.021 6.154-5.306 6.934A5.84 5.84 0 0 1 8 22a9.6 9.6 0 0 1 .929-3.629A11.3 11.3 0 0 0 10 14v-1.778c.874.36 2 1.303 2 3.778v2.604l1.743-1.935c3.112-3.454 2.463-7.567 1.206-10.308A4.486 4.486 0 0 1 18 11h2c0-5.537-4.579-7-7-7h-2l1.2 1.599c.137.185 2.862 3.927 1.353 7.688A4.94 4.94 0 0 0 9 10H8v4a9.6 9.6 0 0 1-.929 3.629A11.3 11.3 0 0 0 6 22c0 3.848 3.823 8 10 8s10-4.152 10-8a11.4 11.4 0 0 0-1.168-5.031M12.835 27.526a16.5 16.5 0 0 0 4.367-5.598a6.1 6.1 0 0 1 .257 5.971A11 11 0 0 1 16 28a10.3 10.3 0 0 1-3.165-.474"/></svg> </template>
CSS
.icon-fire {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M24.832%2016.969c-.272-.647-.581-1.38-.883-2.285c-.79-2.369%201.734-4.953%201.758-4.977l-1.414-1.414c-.14.14-3.423%203.478-2.242%207.023c.326.978.652%201.75.938%202.43A9.4%209.4%200%200%201%2024%2022a6.24%206.24%200%200%201-4.19%205.293a8.52%208.52%200%200%200-2.103-8l-1.044-1.044l-.582%201.357c-1.836%204.284-4.021%206.154-5.306%206.934A5.84%205.84%200%200%201%208%2022a9.6%209.6%200%200%201%20.929-3.629A11.3%2011.3%200%200%200%2010%2014v-1.778c.874.36%202%201.303%202%203.778v2.604l1.743-1.935c3.112-3.454%202.463-7.567%201.206-10.308A4.486%204.486%200%200%201%2018%2011h2c0-5.537-4.579-7-7-7h-2l1.2%201.599c.137.185%202.862%203.927%201.353%207.688A4.94%204.94%200%200%200%209%2010H8v4a9.6%209.6%200%200%201-.929%203.629A11.3%2011.3%200%200%200%206%2022c0%203.848%203.823%208%2010%208s10-4.152%2010-8a11.4%2011.4%200%200%200-1.168-5.031M12.835%2027.526a16.5%2016.5%200%200%200%204.367-5.598a6.1%206.1%200%200%201%20.257%205.971A11%2011%200%200%201%2016%2028a10.3%2010.3%200%200%201-3.165-.474%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M24.832%2016.969c-.272-.647-.581-1.38-.883-2.285c-.79-2.369%201.734-4.953%201.758-4.977l-1.414-1.414c-.14.14-3.423%203.478-2.242%207.023c.326.978.652%201.75.938%202.43A9.4%209.4%200%200%201%2024%2022a6.24%206.24%200%200%201-4.19%205.293a8.52%208.52%200%200%200-2.103-8l-1.044-1.044l-.582%201.357c-1.836%204.284-4.021%206.154-5.306%206.934A5.84%205.84%200%200%201%208%2022a9.6%209.6%200%200%201%20.929-3.629A11.3%2011.3%200%200%200%2010%2014v-1.778c.874.36%202%201.303%202%203.778v2.604l1.743-1.935c3.112-3.454%202.463-7.567%201.206-10.308A4.486%204.486%200%200%201%2018%2011h2c0-5.537-4.579-7-7-7h-2l1.2%201.599c.137.185%202.862%203.927%201.353%207.688A4.94%204.94%200%200%200%209%2010H8v4a9.6%209.6%200%200%201-.929%203.629A11.3%2011.3%200%200%200%206%2022c0%203.848%203.823%208%2010%208s10-4.152%2010-8a11.4%2011.4%200%200%200-1.168-5.031M12.835%2027.526a16.5%2016.5%200%200%200%204.367-5.598a6.1%206.1%200%200%201%20.257%205.971A11%2011%200%200%201%2016%2028a10.3%2010.3%200%200%201-3.165-.474%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/carbon/fire.svg?color=%231a73e8&size=48
