fire icon
fire-filled from Ant Design Icons by HeskeyBaozi · Filled · MIT Free for personal and commercial use.
- Name
- fire-filled
- Set
- Ant Design Icons
- Style
- Filled
- Viewbox
- 1024×1024
- License
- MIT
- Aliases
- fire-fill
2 other variants in Ant Design Icons
The same icon in other sets
fireAkar IconsfireBootstrap IconsfireCarbonfireEmoji 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
Use the fire icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M834.1 469.2A347.5 347.5 0 0 0 751.2 354l-29.1-26.7a8.09 8.09 0 0 0-13 3.3l-13 37.3c-8.1 23.4-23 47.3-44.1 70.8c-1.4 1.5-3 1.9-4.1 2s-2.8-.1-4.3-1.5c-1.4-1.2-2.1-3-2-4.8c3.7-60.2-14.3-128.1-53.7-202C555.3 171 510 123.1 453.4 89.7l-41.3-24.3c-5.4-3.2-12.3 1-12 7.3l2.2 48c1.5 32.8-2.3 61.8-11.3 85.9c-11 29.5-26.8 56.9-47 81.5a295.6 295.6 0 0 1-47.5 46.1a352.6 352.6 0 0 0-100.3 121.5A347.75 347.75 0 0 0 160 610c0 47.2 9.3 92.9 27.7 136a349.4 349.4 0 0 0 75.5 110.9c32.4 32 70 57.2 111.9 74.7C418.5 949.8 464.5 959 512 959s93.5-9.2 136.9-27.3A348.6 348.6 0 0 0 760.8 857c32.4-32 57.8-69.4 75.5-110.9a344.2 344.2 0 0 0 27.7-136c0-48.8-10-96.2-29.9-140.9"/></svg>
React
import type { SVGProps } from "react";
export function AntDesignFireFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M834.1 469.2A347.5 347.5 0 0 0 751.2 354l-29.1-26.7a8.09 8.09 0 0 0-13 3.3l-13 37.3c-8.1 23.4-23 47.3-44.1 70.8c-1.4 1.5-3 1.9-4.1 2s-2.8-.1-4.3-1.5c-1.4-1.2-2.1-3-2-4.8c3.7-60.2-14.3-128.1-53.7-202C555.3 171 510 123.1 453.4 89.7l-41.3-24.3c-5.4-3.2-12.3 1-12 7.3l2.2 48c1.5 32.8-2.3 61.8-11.3 85.9c-11 29.5-26.8 56.9-47 81.5a295.6 295.6 0 0 1-47.5 46.1a352.6 352.6 0 0 0-100.3 121.5A347.75 347.75 0 0 0 160 610c0 47.2 9.3 92.9 27.7 136a349.4 349.4 0 0 0 75.5 110.9c32.4 32 70 57.2 111.9 74.7C418.5 949.8 464.5 959 512 959s93.5-9.2 136.9-27.3A348.6 348.6 0 0 0 760.8 857c32.4-32 57.8-69.4 75.5-110.9a344.2 344.2 0 0 0 27.7-136c0-48.8-10-96.2-29.9-140.9"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M834.1 469.2A347.5 347.5 0 0 0 751.2 354l-29.1-26.7a8.09 8.09 0 0 0-13 3.3l-13 37.3c-8.1 23.4-23 47.3-44.1 70.8c-1.4 1.5-3 1.9-4.1 2s-2.8-.1-4.3-1.5c-1.4-1.2-2.1-3-2-4.8c3.7-60.2-14.3-128.1-53.7-202C555.3 171 510 123.1 453.4 89.7l-41.3-24.3c-5.4-3.2-12.3 1-12 7.3l2.2 48c1.5 32.8-2.3 61.8-11.3 85.9c-11 29.5-26.8 56.9-47 81.5a295.6 295.6 0 0 1-47.5 46.1a352.6 352.6 0 0 0-100.3 121.5A347.75 347.75 0 0 0 160 610c0 47.2 9.3 92.9 27.7 136a349.4 349.4 0 0 0 75.5 110.9c32.4 32 70 57.2 111.9 74.7C418.5 949.8 464.5 959 512 959s93.5-9.2 136.9-27.3A348.6 348.6 0 0 0 760.8 857c32.4-32 57.8-69.4 75.5-110.9a344.2 344.2 0 0 0 27.7-136c0-48.8-10-96.2-29.9-140.9"/></svg> </template>
CSS
.icon-fire-filled {
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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M834.1%20469.2A347.5%20347.5%200%200%200%20751.2%20354l-29.1-26.7a8.09%208.09%200%200%200-13%203.3l-13%2037.3c-8.1%2023.4-23%2047.3-44.1%2070.8c-1.4%201.5-3%201.9-4.1%202s-2.8-.1-4.3-1.5c-1.4-1.2-2.1-3-2-4.8c3.7-60.2-14.3-128.1-53.7-202C555.3%20171%20510%20123.1%20453.4%2089.7l-41.3-24.3c-5.4-3.2-12.3%201-12%207.3l2.2%2048c1.5%2032.8-2.3%2061.8-11.3%2085.9c-11%2029.5-26.8%2056.9-47%2081.5a295.6%20295.6%200%200%201-47.5%2046.1a352.6%20352.6%200%200%200-100.3%20121.5A347.75%20347.75%200%200%200%20160%20610c0%2047.2%209.3%2092.9%2027.7%20136a349.4%20349.4%200%200%200%2075.5%20110.9c32.4%2032%2070%2057.2%20111.9%2074.7C418.5%20949.8%20464.5%20959%20512%20959s93.5-9.2%20136.9-27.3A348.6%20348.6%200%200%200%20760.8%20857c32.4-32%2057.8-69.4%2075.5-110.9a344.2%20344.2%200%200%200%2027.7-136c0-48.8-10-96.2-29.9-140.9%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M834.1%20469.2A347.5%20347.5%200%200%200%20751.2%20354l-29.1-26.7a8.09%208.09%200%200%200-13%203.3l-13%2037.3c-8.1%2023.4-23%2047.3-44.1%2070.8c-1.4%201.5-3%201.9-4.1%202s-2.8-.1-4.3-1.5c-1.4-1.2-2.1-3-2-4.8c3.7-60.2-14.3-128.1-53.7-202C555.3%20171%20510%20123.1%20453.4%2089.7l-41.3-24.3c-5.4-3.2-12.3%201-12%207.3l2.2%2048c1.5%2032.8-2.3%2061.8-11.3%2085.9c-11%2029.5-26.8%2056.9-47%2081.5a295.6%20295.6%200%200%201-47.5%2046.1a352.6%20352.6%200%200%200-100.3%20121.5A347.75%20347.75%200%200%200%20160%20610c0%2047.2%209.3%2092.9%2027.7%20136a349.4%20349.4%200%200%200%2075.5%20110.9c32.4%2032%2070%2057.2%20111.9%2074.7C418.5%20949.8%20464.5%20959%20512%20959s93.5-9.2%20136.9-27.3A348.6%20348.6%200%200%200%20760.8%20857c32.4-32%2057.8-69.4%2075.5-110.9a344.2%20344.2%200%200%200%2027.7-136c0-48.8-10-96.2-29.9-140.9%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ant-design/fire-filled.svg?color=%231a73e8&size=48
