fire icon
fire-line-duotone from Solar by 480 Design · Line Duotone · Nature · CC-BY-4.0 Attribution required.
- Name
- fire-line-duotone
- Set
- Solar
- Style
- Line Duotone
- Category
- Nature
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
fireAkar Iconsfire-filledAnt Design 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 Icons
More nature icons from Solar
Use the fire icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M20 13.1111C20 20.2222 13.9556 22 10.9333 22C8.28889 22 3 20.2222 3 13.1111C3 10.3295 4.46147 8.46138 5.85996 7.39454C6.63841 6.80069 7.6304 7.39197 7.73017 8.36598L7.816 9.20382C7.92052 10.2241 8.84932 11.0606 9.70932 10.5017C11.3938 9.40705 12 6.7752 12 5.33334V5.00971C12 3.58 13.4438 2.65985 14.6023 3.49767C17.1653 5.35127 20 8.58427 20 13.1111Z"/><path d="M8 18.4445C8 21.2889 10.4889 22 11.7333 22C12.8222 22 15 21.2889 15 18.4445C15 17.3435 14.4107 16.6002 13.8404 16.1713C13.4424 15.872 12.8828 16.1408 12.7459 16.6196C12.5675 17.2437 11.9228 17.636 11.5944 17.0759C11.2941 16.5638 11.2941 15.7957 11.2941 15.3334C11.2941 14.6968 10.6539 14.2847 10.1389 14.6589C9.10649 15.4091 8 16.6815 8 18.4445Z" opacity=".5"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarFireLineDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><path d="M20 13.1111C20 20.2222 13.9556 22 10.9333 22C8.28889 22 3 20.2222 3 13.1111C3 10.3295 4.46147 8.46138 5.85996 7.39454C6.63841 6.80069 7.6304 7.39197 7.73017 8.36598L7.816 9.20382C7.92052 10.2241 8.84932 11.0606 9.70932 10.5017C11.3938 9.40705 12 6.7752 12 5.33334V5.00971C12 3.58 13.4438 2.65985 14.6023 3.49767C17.1653 5.35127 20 8.58427 20 13.1111Z"/><path d="M8 18.4445C8 21.2889 10.4889 22 11.7333 22C12.8222 22 15 21.2889 15 18.4445C15 17.3435 14.4107 16.6002 13.8404 16.1713C13.4424 15.872 12.8828 16.1408 12.7459 16.6196C12.5675 17.2437 11.9228 17.636 11.5944 17.0759C11.2941 16.5638 11.2941 15.7957 11.2941 15.3334C11.2941 14.6968 10.6539 14.2847 10.1389 14.6589C9.10649 15.4091 8 16.6815 8 18.4445Z" opacity=".5"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M20 13.1111C20 20.2222 13.9556 22 10.9333 22C8.28889 22 3 20.2222 3 13.1111C3 10.3295 4.46147 8.46138 5.85996 7.39454C6.63841 6.80069 7.6304 7.39197 7.73017 8.36598L7.816 9.20382C7.92052 10.2241 8.84932 11.0606 9.70932 10.5017C11.3938 9.40705 12 6.7752 12 5.33334V5.00971C12 3.58 13.4438 2.65985 14.6023 3.49767C17.1653 5.35127 20 8.58427 20 13.1111Z"/><path d="M8 18.4445C8 21.2889 10.4889 22 11.7333 22C12.8222 22 15 21.2889 15 18.4445C15 17.3435 14.4107 16.6002 13.8404 16.1713C13.4424 15.872 12.8828 16.1408 12.7459 16.6196C12.5675 17.2437 11.9228 17.636 11.5944 17.0759C11.2941 16.5638 11.2941 15.7957 11.2941 15.3334C11.2941 14.6968 10.6539 14.2847 10.1389 14.6589C9.10649 15.4091 8 16.6815 8 18.4445Z" opacity=".5"/></g></svg> </template>
CSS
.icon-fire-line-duotone {
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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M20%2013.1111C20%2020.2222%2013.9556%2022%2010.9333%2022C8.28889%2022%203%2020.2222%203%2013.1111C3%2010.3295%204.46147%208.46138%205.85996%207.39454C6.63841%206.80069%207.6304%207.39197%207.73017%208.36598L7.816%209.20382C7.92052%2010.2241%208.84932%2011.0606%209.70932%2010.5017C11.3938%209.40705%2012%206.7752%2012%205.33334V5.00971C12%203.58%2013.4438%202.65985%2014.6023%203.49767C17.1653%205.35127%2020%208.58427%2020%2013.1111Z%22%2F%3E%3Cpath%20d%3D%22M8%2018.4445C8%2021.2889%2010.4889%2022%2011.7333%2022C12.8222%2022%2015%2021.2889%2015%2018.4445C15%2017.3435%2014.4107%2016.6002%2013.8404%2016.1713C13.4424%2015.872%2012.8828%2016.1408%2012.7459%2016.6196C12.5675%2017.2437%2011.9228%2017.636%2011.5944%2017.0759C11.2941%2016.5638%2011.2941%2015.7957%2011.2941%2015.3334C11.2941%2014.6968%2010.6539%2014.2847%2010.1389%2014.6589C9.10649%2015.4091%208%2016.6815%208%2018.4445Z%22%20opacity%3D%22.5%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M20%2013.1111C20%2020.2222%2013.9556%2022%2010.9333%2022C8.28889%2022%203%2020.2222%203%2013.1111C3%2010.3295%204.46147%208.46138%205.85996%207.39454C6.63841%206.80069%207.6304%207.39197%207.73017%208.36598L7.816%209.20382C7.92052%2010.2241%208.84932%2011.0606%209.70932%2010.5017C11.3938%209.40705%2012%206.7752%2012%205.33334V5.00971C12%203.58%2013.4438%202.65985%2014.6023%203.49767C17.1653%205.35127%2020%208.58427%2020%2013.1111Z%22%2F%3E%3Cpath%20d%3D%22M8%2018.4445C8%2021.2889%2010.4889%2022%2011.7333%2022C12.8222%2022%2015%2021.2889%2015%2018.4445C15%2017.3435%2014.4107%2016.6002%2013.8404%2016.1713C13.4424%2015.872%2012.8828%2016.1408%2012.7459%2016.6196C12.5675%2017.2437%2011.9228%2017.636%2011.5944%2017.0759C11.2941%2016.5638%2011.2941%2015.7957%2011.2941%2015.3334C11.2941%2014.6968%2010.6539%2014.2847%2010.1389%2014.6589C9.10649%2015.4091%208%2016.6815%208%2018.4445Z%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/fire-line-duotone.svg?color=%231a73e8&size=48
