fire two icon
fire-two from IconPark by ByteDance · Color · Energy · Apache-2.0 Free for personal and commercial use.
- Name
- fire-two
- Set
- IconPark
- Style
- Color
- Category
- Energy
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
More energy icons from IconPark
Use the fire two icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M36 21C36 28.1797 30.1797 34 23 34C15.8203 34 10 28.1797 10 21C10 13.8203 15 11 17 4C25 7.49989 25 18 25 18C25 18 27 12 33 10.5C33.5 16 36 17.9342 36 21Z"/><path d="M7 36L39 44"/><path d="M7 44L39 36"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkFireTwo(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="4"><path d="M36 21C36 28.1797 30.1797 34 23 34C15.8203 34 10 28.1797 10 21C10 13.8203 15 11 17 4C25 7.49989 25 18 25 18C25 18 27 12 33 10.5C33.5 16 36 17.9342 36 21Z"/><path d="M7 36L39 44"/><path d="M7 44L39 36"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M36 21C36 28.1797 30.1797 34 23 34C15.8203 34 10 28.1797 10 21C10 13.8203 15 11 17 4C25 7.49989 25 18 25 18C25 18 27 12 33 10.5C33.5 16 36 17.9342 36 21Z"/><path d="M7 36L39 44"/><path d="M7 44L39 36"/></g></svg> </template>
CSS
.icon-fire-two {
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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22M36%2021C36%2028.1797%2030.1797%2034%2023%2034C15.8203%2034%2010%2028.1797%2010%2021C10%2013.8203%2015%2011%2017%204C25%207.49989%2025%2018%2025%2018C25%2018%2027%2012%2033%2010.5C33.5%2016%2036%2017.9342%2036%2021Z%22%2F%3E%3Cpath%20d%3D%22M7%2036L39%2044%22%2F%3E%3Cpath%20d%3D%22M7%2044L39%2036%22%2F%3E%3C%2Fg%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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22M36%2021C36%2028.1797%2030.1797%2034%2023%2034C15.8203%2034%2010%2028.1797%2010%2021C10%2013.8203%2015%2011%2017%204C25%207.49989%2025%2018%2025%2018C25%2018%2027%2012%2033%2010.5C33.5%2016%2036%2017.9342%2036%2021Z%22%2F%3E%3Cpath%20d%3D%22M7%2036L39%2044%22%2F%3E%3Cpath%20d%3D%22M7%2044L39%2036%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park/fire-two.svg?color=%231a73e8&size=48
