fire icon
fire from Unicons by Iconscout · Line · User Interface · Apache-2.0 Free for personal and commercial use.
- Name
- fire
- Set
- Unicons
- Style
- Line
- Category
- User Interface
- Viewbox
- 24×24
- License
- Apache 2.0
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 user interface icons from Unicons
Use the fire icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m8.468 8.395l-.002.001l-.003.002Zm9.954-.187a1.2 1.2 0 0 0-.23-.175a1 1 0 0 0-1.4.411a5.8 5.8 0 0 1-1.398 1.778a8.7 8.7 0 0 0 .134-1.51a8.71 8.71 0 0 0-4.4-7.582a1 1 0 0 0-1.492.806a7.02 7.02 0 0 1-2.471 4.942l-.23.187a8.5 8.5 0 0 0-1.988 1.863a8.983 8.983 0 0 0 3.656 13.908a1 1 0 0 0 1.377-.926a1 1 0 0 0-.05-.312a7 7 0 0 1-.19-2.581a9 9 0 0 0 4.313 4.016a1 1 0 0 0 .715.038a8.995 8.995 0 0 0 3.654-14.863m-3.905 12.831a6.96 6.96 0 0 1-3.577-4.402a9 9 0 0 1-.18-.964a1 1 0 0 0-.799-.845a1 1 0 0 0-.191-.018a1 1 0 0 0-.867.5a8.96 8.96 0 0 0-1.205 4.718a6.985 6.985 0 0 1-1.176-9.868a6.6 6.6 0 0 1 1.562-1.458a1 1 0 0 0 .075-.055s.296-.245.306-.25a8.97 8.97 0 0 0 2.9-4.633a6.736 6.736 0 0 1 1.385 8.088a1 1 0 0 0 1.184 1.418a7.86 7.86 0 0 0 3.862-2.688a7 7 0 0 1-3.279 10.457"/></svg>
React
import type { SVGProps } from "react";
export function UilFire(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m8.468 8.395l-.002.001l-.003.002Zm9.954-.187a1.2 1.2 0 0 0-.23-.175a1 1 0 0 0-1.4.411a5.8 5.8 0 0 1-1.398 1.778a8.7 8.7 0 0 0 .134-1.51a8.71 8.71 0 0 0-4.4-7.582a1 1 0 0 0-1.492.806a7.02 7.02 0 0 1-2.471 4.942l-.23.187a8.5 8.5 0 0 0-1.988 1.863a8.983 8.983 0 0 0 3.656 13.908a1 1 0 0 0 1.377-.926a1 1 0 0 0-.05-.312a7 7 0 0 1-.19-2.581a9 9 0 0 0 4.313 4.016a1 1 0 0 0 .715.038a8.995 8.995 0 0 0 3.654-14.863m-3.905 12.831a6.96 6.96 0 0 1-3.577-4.402a9 9 0 0 1-.18-.964a1 1 0 0 0-.799-.845a1 1 0 0 0-.191-.018a1 1 0 0 0-.867.5a8.96 8.96 0 0 0-1.205 4.718a6.985 6.985 0 0 1-1.176-9.868a6.6 6.6 0 0 1 1.562-1.458a1 1 0 0 0 .075-.055s.296-.245.306-.25a8.97 8.97 0 0 0 2.9-4.633a6.736 6.736 0 0 1 1.385 8.088a1 1 0 0 0 1.184 1.418a7.86 7.86 0 0 0 3.862-2.688a7 7 0 0 1-3.279 10.457"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m8.468 8.395l-.002.001l-.003.002Zm9.954-.187a1.2 1.2 0 0 0-.23-.175a1 1 0 0 0-1.4.411a5.8 5.8 0 0 1-1.398 1.778a8.7 8.7 0 0 0 .134-1.51a8.71 8.71 0 0 0-4.4-7.582a1 1 0 0 0-1.492.806a7.02 7.02 0 0 1-2.471 4.942l-.23.187a8.5 8.5 0 0 0-1.988 1.863a8.983 8.983 0 0 0 3.656 13.908a1 1 0 0 0 1.377-.926a1 1 0 0 0-.05-.312a7 7 0 0 1-.19-2.581a9 9 0 0 0 4.313 4.016a1 1 0 0 0 .715.038a8.995 8.995 0 0 0 3.654-14.863m-3.905 12.831a6.96 6.96 0 0 1-3.577-4.402a9 9 0 0 1-.18-.964a1 1 0 0 0-.799-.845a1 1 0 0 0-.191-.018a1 1 0 0 0-.867.5a8.96 8.96 0 0 0-1.205 4.718a6.985 6.985 0 0 1-1.176-9.868a6.6 6.6 0 0 1 1.562-1.458a1 1 0 0 0 .075-.055s.296-.245.306-.25a8.97 8.97 0 0 0 2.9-4.633a6.736 6.736 0 0 1 1.385 8.088a1 1 0 0 0 1.184 1.418a7.86 7.86 0 0 0 3.862-2.688a7 7 0 0 1-3.279 10.457"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m8.468%208.395l-.002.001l-.003.002Zm9.954-.187a1.2%201.2%200%200%200-.23-.175a1%201%200%200%200-1.4.411a5.8%205.8%200%200%201-1.398%201.778a8.7%208.7%200%200%200%20.134-1.51a8.71%208.71%200%200%200-4.4-7.582a1%201%200%200%200-1.492.806a7.02%207.02%200%200%201-2.471%204.942l-.23.187a8.5%208.5%200%200%200-1.988%201.863a8.983%208.983%200%200%200%203.656%2013.908a1%201%200%200%200%201.377-.926a1%201%200%200%200-.05-.312a7%207%200%200%201-.19-2.581a9%209%200%200%200%204.313%204.016a1%201%200%200%200%20.715.038a8.995%208.995%200%200%200%203.654-14.863m-3.905%2012.831a6.96%206.96%200%200%201-3.577-4.402a9%209%200%200%201-.18-.964a1%201%200%200%200-.799-.845a1%201%200%200%200-.191-.018a1%201%200%200%200-.867.5a8.96%208.96%200%200%200-1.205%204.718a6.985%206.985%200%200%201-1.176-9.868a6.6%206.6%200%200%201%201.562-1.458a1%201%200%200%200%20.075-.055s.296-.245.306-.25a8.97%208.97%200%200%200%202.9-4.633a6.736%206.736%200%200%201%201.385%208.088a1%201%200%200%200%201.184%201.418a7.86%207.86%200%200%200%203.862-2.688a7%207%200%200%201-3.279%2010.457%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m8.468%208.395l-.002.001l-.003.002Zm9.954-.187a1.2%201.2%200%200%200-.23-.175a1%201%200%200%200-1.4.411a5.8%205.8%200%200%201-1.398%201.778a8.7%208.7%200%200%200%20.134-1.51a8.71%208.71%200%200%200-4.4-7.582a1%201%200%200%200-1.492.806a7.02%207.02%200%200%201-2.471%204.942l-.23.187a8.5%208.5%200%200%200-1.988%201.863a8.983%208.983%200%200%200%203.656%2013.908a1%201%200%200%200%201.377-.926a1%201%200%200%200-.05-.312a7%207%200%200%201-.19-2.581a9%209%200%200%200%204.313%204.016a1%201%200%200%200%20.715.038a8.995%208.995%200%200%200%203.654-14.863m-3.905%2012.831a6.96%206.96%200%200%201-3.577-4.402a9%209%200%200%201-.18-.964a1%201%200%200%200-.799-.845a1%201%200%200%200-.191-.018a1%201%200%200%200-.867.5a8.96%208.96%200%200%200-1.205%204.718a6.985%206.985%200%200%201-1.176-9.868a6.6%206.6%200%200%201%201.562-1.458a1%201%200%200%200%20.075-.055s.296-.245.306-.25a8.97%208.97%200%200%200%202.9-4.633a6.736%206.736%200%200%201%201.385%208.088a1%201%200%200%200%201.184%201.418a7.86%207.86%200%200%200%203.862-2.688a7%207%200%200%201-3.279%2010.457%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/uil/fire.svg?color=%231a73e8&size=48
