fire icon
fire-twotone from Ant Design Icons by HeskeyBaozi · TwoTone · MIT Free for personal and commercial use.
- Name
- fire-twotone
- Set
- Ant Design Icons
- Style
- TwoTone
- Viewbox
- 1024×1024
- License
- MIT
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" fill-opacity=".15" d="M737 438.6c-9.6 15.5-21.1 30.7-34.4 45.6a73.1 73.1 0 0 1-51 24.4a73.36 73.36 0 0 1-53.4-18.8a74.01 74.01 0 0 1-24.4-59.8c3-47.4-12.4-103.1-45.8-165.7c-16.9-31.4-37.1-58.2-61.2-80.4a240 240 0 0 1-12.1 46.5a354.3 354.3 0 0 1-58.2 101a349.6 349.6 0 0 1-58.6 56.8c-34 26.1-62 60-80.8 97.9a275.96 275.96 0 0 0-29.1 124c0 74.9 29.5 145.3 83 198.4c53.7 53.2 125 82.4 201 82.4s147.3-29.2 201-82.4c53.5-53 83-123.5 83-198.4c0-39.2-8.1-77.3-24-113.1c-9.3-21-21-40.5-35-58.4"/><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.9M713 808.5c-53.7 53.2-125 82.4-201 82.4s-147.3-29.2-201-82.4c-53.5-53.1-83-123.5-83-198.4c0-43.5 9.8-85.2 29.1-124c18.8-37.9 46.8-71.8 80.8-97.9a349.6 349.6 0 0 0 58.6-56.8c25-30.5 44.6-64.5 58.2-101a240 240 0 0 0 12.1-46.5c24.1 22.2 44.3 49 61.2 80.4c33.4 62.6 48.8 118.3 45.8 165.7a74.01 74.01 0 0 0 24.4 59.8a73.36 73.36 0 0 0 53.4 18.8c19.7-1 37.8-9.7 51-24.4c13.3-14.9 24.8-30.1 34.4-45.6c14 17.9 25.7 37.4 35 58.4c15.9 35.8 24 73.9 24 113.1c0 74.9-29.5 145.4-83 198.4"/></svg>
React
import type { SVGProps } from "react";
export function AntDesignFireTwotone(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" fillOpacity=".15" d="M737 438.6c-9.6 15.5-21.1 30.7-34.4 45.6a73.1 73.1 0 0 1-51 24.4a73.36 73.36 0 0 1-53.4-18.8a74.01 74.01 0 0 1-24.4-59.8c3-47.4-12.4-103.1-45.8-165.7c-16.9-31.4-37.1-58.2-61.2-80.4a240 240 0 0 1-12.1 46.5a354.3 354.3 0 0 1-58.2 101a349.6 349.6 0 0 1-58.6 56.8c-34 26.1-62 60-80.8 97.9a275.96 275.96 0 0 0-29.1 124c0 74.9 29.5 145.3 83 198.4c53.7 53.2 125 82.4 201 82.4s147.3-29.2 201-82.4c53.5-53 83-123.5 83-198.4c0-39.2-8.1-77.3-24-113.1c-9.3-21-21-40.5-35-58.4"/><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.9M713 808.5c-53.7 53.2-125 82.4-201 82.4s-147.3-29.2-201-82.4c-53.5-53.1-83-123.5-83-198.4c0-43.5 9.8-85.2 29.1-124c18.8-37.9 46.8-71.8 80.8-97.9a349.6 349.6 0 0 0 58.6-56.8c25-30.5 44.6-64.5 58.2-101a240 240 0 0 0 12.1-46.5c24.1 22.2 44.3 49 61.2 80.4c33.4 62.6 48.8 118.3 45.8 165.7a74.01 74.01 0 0 0 24.4 59.8a73.36 73.36 0 0 0 53.4 18.8c19.7-1 37.8-9.7 51-24.4c13.3-14.9 24.8-30.1 34.4-45.6c14 17.9 25.7 37.4 35 58.4c15.9 35.8 24 73.9 24 113.1c0 74.9-29.5 145.4-83 198.4"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" fill-opacity=".15" d="M737 438.6c-9.6 15.5-21.1 30.7-34.4 45.6a73.1 73.1 0 0 1-51 24.4a73.36 73.36 0 0 1-53.4-18.8a74.01 74.01 0 0 1-24.4-59.8c3-47.4-12.4-103.1-45.8-165.7c-16.9-31.4-37.1-58.2-61.2-80.4a240 240 0 0 1-12.1 46.5a354.3 354.3 0 0 1-58.2 101a349.6 349.6 0 0 1-58.6 56.8c-34 26.1-62 60-80.8 97.9a275.96 275.96 0 0 0-29.1 124c0 74.9 29.5 145.3 83 198.4c53.7 53.2 125 82.4 201 82.4s147.3-29.2 201-82.4c53.5-53 83-123.5 83-198.4c0-39.2-8.1-77.3-24-113.1c-9.3-21-21-40.5-35-58.4"/><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.9M713 808.5c-53.7 53.2-125 82.4-201 82.4s-147.3-29.2-201-82.4c-53.5-53.1-83-123.5-83-198.4c0-43.5 9.8-85.2 29.1-124c18.8-37.9 46.8-71.8 80.8-97.9a349.6 349.6 0 0 0 58.6-56.8c25-30.5 44.6-64.5 58.2-101a240 240 0 0 0 12.1-46.5c24.1 22.2 44.3 49 61.2 80.4c33.4 62.6 48.8 118.3 45.8 165.7a74.01 74.01 0 0 0 24.4 59.8a73.36 73.36 0 0 0 53.4 18.8c19.7-1 37.8-9.7 51-24.4c13.3-14.9 24.8-30.1 34.4-45.6c14 17.9 25.7 37.4 35 58.4c15.9 35.8 24 73.9 24 113.1c0 74.9-29.5 145.4-83 198.4"/></svg> </template>
CSS
.icon-fire-twotone {
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%20fill-opacity%3D%22.15%22%20d%3D%22M737%20438.6c-9.6%2015.5-21.1%2030.7-34.4%2045.6a73.1%2073.1%200%200%201-51%2024.4a73.36%2073.36%200%200%201-53.4-18.8a74.01%2074.01%200%200%201-24.4-59.8c3-47.4-12.4-103.1-45.8-165.7c-16.9-31.4-37.1-58.2-61.2-80.4a240%20240%200%200%201-12.1%2046.5a354.3%20354.3%200%200%201-58.2%20101a349.6%20349.6%200%200%201-58.6%2056.8c-34%2026.1-62%2060-80.8%2097.9a275.96%20275.96%200%200%200-29.1%20124c0%2074.9%2029.5%20145.3%2083%20198.4c53.7%2053.2%20125%2082.4%20201%2082.4s147.3-29.2%20201-82.4c53.5-53%2083-123.5%2083-198.4c0-39.2-8.1-77.3-24-113.1c-9.3-21-21-40.5-35-58.4%22%2F%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.9M713%20808.5c-53.7%2053.2-125%2082.4-201%2082.4s-147.3-29.2-201-82.4c-53.5-53.1-83-123.5-83-198.4c0-43.5%209.8-85.2%2029.1-124c18.8-37.9%2046.8-71.8%2080.8-97.9a349.6%20349.6%200%200%200%2058.6-56.8c25-30.5%2044.6-64.5%2058.2-101a240%20240%200%200%200%2012.1-46.5c24.1%2022.2%2044.3%2049%2061.2%2080.4c33.4%2062.6%2048.8%20118.3%2045.8%20165.7a74.01%2074.01%200%200%200%2024.4%2059.8a73.36%2073.36%200%200%200%2053.4%2018.8c19.7-1%2037.8-9.7%2051-24.4c13.3-14.9%2024.8-30.1%2034.4-45.6c14%2017.9%2025.7%2037.4%2035%2058.4c15.9%2035.8%2024%2073.9%2024%20113.1c0%2074.9-29.5%20145.4-83%20198.4%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%20fill-opacity%3D%22.15%22%20d%3D%22M737%20438.6c-9.6%2015.5-21.1%2030.7-34.4%2045.6a73.1%2073.1%200%200%201-51%2024.4a73.36%2073.36%200%200%201-53.4-18.8a74.01%2074.01%200%200%201-24.4-59.8c3-47.4-12.4-103.1-45.8-165.7c-16.9-31.4-37.1-58.2-61.2-80.4a240%20240%200%200%201-12.1%2046.5a354.3%20354.3%200%200%201-58.2%20101a349.6%20349.6%200%200%201-58.6%2056.8c-34%2026.1-62%2060-80.8%2097.9a275.96%20275.96%200%200%200-29.1%20124c0%2074.9%2029.5%20145.3%2083%20198.4c53.7%2053.2%20125%2082.4%20201%2082.4s147.3-29.2%20201-82.4c53.5-53%2083-123.5%2083-198.4c0-39.2-8.1-77.3-24-113.1c-9.3-21-21-40.5-35-58.4%22%2F%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.9M713%20808.5c-53.7%2053.2-125%2082.4-201%2082.4s-147.3-29.2-201-82.4c-53.5-53.1-83-123.5-83-198.4c0-43.5%209.8-85.2%2029.1-124c18.8-37.9%2046.8-71.8%2080.8-97.9a349.6%20349.6%200%200%200%2058.6-56.8c25-30.5%2044.6-64.5%2058.2-101a240%20240%200%200%200%2012.1-46.5c24.1%2022.2%2044.3%2049%2061.2%2080.4c33.4%2062.6%2048.8%20118.3%2045.8%20165.7a74.01%2074.01%200%200%200%2024.4%2059.8a73.36%2073.36%200%200%200%2053.4%2018.8c19.7-1%2037.8-9.7%2051-24.4c13.3-14.9%2024.8-30.1%2034.4-45.6c14%2017.9%2025.7%2037.4%2035%2058.4c15.9%2035.8%2024%2073.9%2024%20113.1c0%2074.9-29.5%20145.4-83%20198.4%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ant-design/fire-twotone.svg?color=%231a73e8&size=48
