fire icon
fire from Line Awesome by Icons8 · Line · Science · Apache-2.0 Free for personal and commercial use.
- Name
- fire
- Set
- Line Awesome
- Style
- Line
- Category
- Science
- Viewbox
- 32×32
- License
- Apache 2.0
- Aliases
- fire-solid
The same icon in other sets
fireAkar IconsfireBootstrap IconsfireCarbonfireEmoji One (Colored)fireFont Awesome 6 Solidfire-16-filledFluent UI System IconsfireFluent EmojifireFluent Emoji FlatfireFluent Emoji High ContrastfireHeroIconsfireHuge IconsfireMajesticonsfireMaterial Design Iconsfire-fillMingCute IconfireNoto EmojifireOpenMojifirePhosphorfirePixelarticonsfire-fillRemix Iconfire-boldSolarfireStreamline EmojisfireTwitter EmojifireUnicons
More science icons from Line Awesome
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="m14.375 3l-.188.781c-.3 1.348-2.234 3.567-4.218 6.281C7.984 12.777 6 16.16 6 20.407c0 2.004.613 4.145 2.125 5.813C9.637 27.887 12.047 29 15.313 29c.144 0 .265-.027.406-.031c.094.004.183.031.281.031c.305 0 .59-.035.875-.063c.086-.007.164-.023.25-.03c3.348-.278 5.57-1.31 6.938-2.845C25.668 24.262 26 21.977 26 20c0-4.465-2.57-8.617-5.063-11.688s-5-5.093-5-5.093L15.658 3zM15.5 5.5c.809.71 2.172 1.996 3.875 4.094C21.727 12.492 24 16.332 24 20c0 1.754-.309 3.453-1.438 4.719a5.2 5.2 0 0 1-.875.781c.54-1.559.422-3.332.063-5.094c-.41-2.011-1.188-4.031-1.938-5.656s-1.39-2.773-1.937-3.406L17.594 11h-1.938l.375 1.281c1.047 3.403.496 5.719-.093 6.406c-.293.344-.422.375-.72.282c-.296-.094-.831-.48-1.343-1.438l-.75-1.406l-.938 1.281c-1.87 2.52-2.59 5.282-1.968 7.594c.054.203.14.402.219.594a6 6 0 0 1-.813-.719C8.508 23.645 8 22 8 20.406c0-3.62 1.703-6.57 3.594-9.156c1.539-2.105 3.039-3.883 3.906-5.75m3.063 11.719c.464 1.176.968 2.363 1.218 3.593c.364 1.79.356 3.426-.156 4.47c-.383.78-.977 1.355-2.188 1.593c-.132.027-.289.043-.437.063c-.313.027-.656.05-1 .062c-.09 0-.164.004-.25 0c-2.164-.07-3.203-1.035-3.594-2.5c-.324-1.207.098-2.89 1-4.594c.446.461.918.797 1.469.969c1.02.32 2.156-.07 2.844-.875c.59-.691.937-1.648 1.093-2.781z"/></svg>
React
import type { SVGProps } from "react";
export function LaFire(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="m14.375 3l-.188.781c-.3 1.348-2.234 3.567-4.218 6.281C7.984 12.777 6 16.16 6 20.407c0 2.004.613 4.145 2.125 5.813C9.637 27.887 12.047 29 15.313 29c.144 0 .265-.027.406-.031c.094.004.183.031.281.031c.305 0 .59-.035.875-.063c.086-.007.164-.023.25-.03c3.348-.278 5.57-1.31 6.938-2.845C25.668 24.262 26 21.977 26 20c0-4.465-2.57-8.617-5.063-11.688s-5-5.093-5-5.093L15.658 3zM15.5 5.5c.809.71 2.172 1.996 3.875 4.094C21.727 12.492 24 16.332 24 20c0 1.754-.309 3.453-1.438 4.719a5.2 5.2 0 0 1-.875.781c.54-1.559.422-3.332.063-5.094c-.41-2.011-1.188-4.031-1.938-5.656s-1.39-2.773-1.937-3.406L17.594 11h-1.938l.375 1.281c1.047 3.403.496 5.719-.093 6.406c-.293.344-.422.375-.72.282c-.296-.094-.831-.48-1.343-1.438l-.75-1.406l-.938 1.281c-1.87 2.52-2.59 5.282-1.968 7.594c.054.203.14.402.219.594a6 6 0 0 1-.813-.719C8.508 23.645 8 22 8 20.406c0-3.62 1.703-6.57 3.594-9.156c1.539-2.105 3.039-3.883 3.906-5.75m3.063 11.719c.464 1.176.968 2.363 1.218 3.593c.364 1.79.356 3.426-.156 4.47c-.383.78-.977 1.355-2.188 1.593c-.132.027-.289.043-.437.063c-.313.027-.656.05-1 .062c-.09 0-.164.004-.25 0c-2.164-.07-3.203-1.035-3.594-2.5c-.324-1.207.098-2.89 1-4.594c.446.461.918.797 1.469.969c1.02.32 2.156-.07 2.844-.875c.59-.691.937-1.648 1.093-2.781z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m14.375 3l-.188.781c-.3 1.348-2.234 3.567-4.218 6.281C7.984 12.777 6 16.16 6 20.407c0 2.004.613 4.145 2.125 5.813C9.637 27.887 12.047 29 15.313 29c.144 0 .265-.027.406-.031c.094.004.183.031.281.031c.305 0 .59-.035.875-.063c.086-.007.164-.023.25-.03c3.348-.278 5.57-1.31 6.938-2.845C25.668 24.262 26 21.977 26 20c0-4.465-2.57-8.617-5.063-11.688s-5-5.093-5-5.093L15.658 3zM15.5 5.5c.809.71 2.172 1.996 3.875 4.094C21.727 12.492 24 16.332 24 20c0 1.754-.309 3.453-1.438 4.719a5.2 5.2 0 0 1-.875.781c.54-1.559.422-3.332.063-5.094c-.41-2.011-1.188-4.031-1.938-5.656s-1.39-2.773-1.937-3.406L17.594 11h-1.938l.375 1.281c1.047 3.403.496 5.719-.093 6.406c-.293.344-.422.375-.72.282c-.296-.094-.831-.48-1.343-1.438l-.75-1.406l-.938 1.281c-1.87 2.52-2.59 5.282-1.968 7.594c.054.203.14.402.219.594a6 6 0 0 1-.813-.719C8.508 23.645 8 22 8 20.406c0-3.62 1.703-6.57 3.594-9.156c1.539-2.105 3.039-3.883 3.906-5.75m3.063 11.719c.464 1.176.968 2.363 1.218 3.593c.364 1.79.356 3.426-.156 4.47c-.383.78-.977 1.355-2.188 1.593c-.132.027-.289.043-.437.063c-.313.027-.656.05-1 .062c-.09 0-.164.004-.25 0c-2.164-.07-3.203-1.035-3.594-2.5c-.324-1.207.098-2.89 1-4.594c.446.461.918.797 1.469.969c1.02.32 2.156-.07 2.844-.875c.59-.691.937-1.648 1.093-2.781z"/></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%22m14.375%203l-.188.781c-.3%201.348-2.234%203.567-4.218%206.281C7.984%2012.777%206%2016.16%206%2020.407c0%202.004.613%204.145%202.125%205.813C9.637%2027.887%2012.047%2029%2015.313%2029c.144%200%20.265-.027.406-.031c.094.004.183.031.281.031c.305%200%20.59-.035.875-.063c.086-.007.164-.023.25-.03c3.348-.278%205.57-1.31%206.938-2.845C25.668%2024.262%2026%2021.977%2026%2020c0-4.465-2.57-8.617-5.063-11.688s-5-5.093-5-5.093L15.658%203zM15.5%205.5c.809.71%202.172%201.996%203.875%204.094C21.727%2012.492%2024%2016.332%2024%2020c0%201.754-.309%203.453-1.438%204.719a5.2%205.2%200%200%201-.875.781c.54-1.559.422-3.332.063-5.094c-.41-2.011-1.188-4.031-1.938-5.656s-1.39-2.773-1.937-3.406L17.594%2011h-1.938l.375%201.281c1.047%203.403.496%205.719-.093%206.406c-.293.344-.422.375-.72.282c-.296-.094-.831-.48-1.343-1.438l-.75-1.406l-.938%201.281c-1.87%202.52-2.59%205.282-1.968%207.594c.054.203.14.402.219.594a6%206%200%200%201-.813-.719C8.508%2023.645%208%2022%208%2020.406c0-3.62%201.703-6.57%203.594-9.156c1.539-2.105%203.039-3.883%203.906-5.75m3.063%2011.719c.464%201.176.968%202.363%201.218%203.593c.364%201.79.356%203.426-.156%204.47c-.383.78-.977%201.355-2.188%201.593c-.132.027-.289.043-.437.063c-.313.027-.656.05-1%20.062c-.09%200-.164.004-.25%200c-2.164-.07-3.203-1.035-3.594-2.5c-.324-1.207.098-2.89%201-4.594c.446.461.918.797%201.469.969c1.02.32%202.156-.07%202.844-.875c.59-.691.937-1.648%201.093-2.781z%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%22m14.375%203l-.188.781c-.3%201.348-2.234%203.567-4.218%206.281C7.984%2012.777%206%2016.16%206%2020.407c0%202.004.613%204.145%202.125%205.813C9.637%2027.887%2012.047%2029%2015.313%2029c.144%200%20.265-.027.406-.031c.094.004.183.031.281.031c.305%200%20.59-.035.875-.063c.086-.007.164-.023.25-.03c3.348-.278%205.57-1.31%206.938-2.845C25.668%2024.262%2026%2021.977%2026%2020c0-4.465-2.57-8.617-5.063-11.688s-5-5.093-5-5.093L15.658%203zM15.5%205.5c.809.71%202.172%201.996%203.875%204.094C21.727%2012.492%2024%2016.332%2024%2020c0%201.754-.309%203.453-1.438%204.719a5.2%205.2%200%200%201-.875.781c.54-1.559.422-3.332.063-5.094c-.41-2.011-1.188-4.031-1.938-5.656s-1.39-2.773-1.937-3.406L17.594%2011h-1.938l.375%201.281c1.047%203.403.496%205.719-.093%206.406c-.293.344-.422.375-.72.282c-.296-.094-.831-.48-1.343-1.438l-.75-1.406l-.938%201.281c-1.87%202.52-2.59%205.282-1.968%207.594c.054.203.14.402.219.594a6%206%200%200%201-.813-.719C8.508%2023.645%208%2022%208%2020.406c0-3.62%201.703-6.57%203.594-9.156c1.539-2.105%203.039-3.883%203.906-5.75m3.063%2011.719c.464%201.176.968%202.363%201.218%203.593c.364%201.79.356%203.426-.156%204.47c-.383.78-.977%201.355-2.188%201.593c-.132.027-.289.043-.437.063c-.313.027-.656.05-1%20.062c-.09%200-.164.004-.25%200c-2.164-.07-3.203-1.035-3.594-2.5c-.324-1.207.098-2.89%201-4.594c.446.461.918.797%201.469.969c1.02.32%202.156-.07%202.844-.875c.59-.691.937-1.648%201.093-2.781z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/fire.svg?color=%231a73e8&size=48
