fire emoji
fire from Fluent Emoji Flat by Microsoft Corporation · Default · Travel & Places · MIT Free for personal and commercial use.
- Name
- fire
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- Travel & Places
- Viewbox
- 32×32
- License
- MIT
The same emoji 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 High ContrastfireFirefox OS EmojifireHeroIconsfireHuge IconsfireIconParkfireIconPark OutlinefireIconPark SolidfireIconPark TwoTonefireLine AwesomefireMajesticonsfireMaterial Design Iconsfire-fillMingCute IconfireMyna UI IconsfireNoto Emoji
More travel & places icons from Fluent Emoji Flat
Use the fire emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#ff6723" d="M26 19.34c0 6.1-5.05 11.005-11.15 10.641c-6.269-.374-10.56-6.403-9.752-12.705c.489-3.833 2.286-7.12 4.242-9.67c.34-.445.689 3.136 1.038 2.742c.35-.405 3.594-6.019 4.722-7.991a.694.694 0 0 1 1.028-.213C18.394 3.854 26 10.277 26 19.34"/><path fill="#ffb02e" d="M23 21.851c0 4.042-3.519 7.291-7.799 7.144c-4.62-.156-7.788-4.384-7.11-8.739C9.07 14.012 15.48 10 15.48 10S23 14.707 23 21.851"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatFire(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#ff6723" d="M26 19.34c0 6.1-5.05 11.005-11.15 10.641c-6.269-.374-10.56-6.403-9.752-12.705c.489-3.833 2.286-7.12 4.242-9.67c.34-.445.689 3.136 1.038 2.742c.35-.405 3.594-6.019 4.722-7.991a.694.694 0 0 1 1.028-.213C18.394 3.854 26 10.277 26 19.34"/><path fill="#ffb02e" d="M23 21.851c0 4.042-3.519 7.291-7.799 7.144c-4.62-.156-7.788-4.384-7.11-8.739C9.07 14.012 15.48 10 15.48 10S23 14.707 23 21.851"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#ff6723" d="M26 19.34c0 6.1-5.05 11.005-11.15 10.641c-6.269-.374-10.56-6.403-9.752-12.705c.489-3.833 2.286-7.12 4.242-9.67c.34-.445.689 3.136 1.038 2.742c.35-.405 3.594-6.019 4.722-7.991a.694.694 0 0 1 1.028-.213C18.394 3.854 26 10.277 26 19.34"/><path fill="#ffb02e" d="M23 21.851c0 4.042-3.519 7.291-7.799 7.144c-4.62-.156-7.788-4.384-7.11-8.739C9.07 14.012 15.48 10 15.48 10S23 14.707 23 21.851"/></g></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%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23ff6723%22%20d%3D%22M26%2019.34c0%206.1-5.05%2011.005-11.15%2010.641c-6.269-.374-10.56-6.403-9.752-12.705c.489-3.833%202.286-7.12%204.242-9.67c.34-.445.689%203.136%201.038%202.742c.35-.405%203.594-6.019%204.722-7.991a.694.694%200%200%201%201.028-.213C18.394%203.854%2026%2010.277%2026%2019.34%22%2F%3E%3Cpath%20fill%3D%22%23ffb02e%22%20d%3D%22M23%2021.851c0%204.042-3.519%207.291-7.799%207.144c-4.62-.156-7.788-4.384-7.11-8.739C9.07%2014.012%2015.48%2010%2015.48%2010S23%2014.707%2023%2021.851%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23ff6723%22%20d%3D%22M26%2019.34c0%206.1-5.05%2011.005-11.15%2010.641c-6.269-.374-10.56-6.403-9.752-12.705c.489-3.833%202.286-7.12%204.242-9.67c.34-.445.689%203.136%201.038%202.742c.35-.405%203.594-6.019%204.722-7.991a.694.694%200%200%201%201.028-.213C18.394%203.854%2026%2010.277%2026%2019.34%22%2F%3E%3Cpath%20fill%3D%22%23ffb02e%22%20d%3D%22M23%2021.851c0%204.042-3.519%207.291-7.799%207.144c-4.62-.156-7.788-4.384-7.11-8.739C9.07%2014.012%2015.48%2010%2015.48%2010S23%2014.707%2023%2021.851%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/fire.svg?color=%231a73e8&size=48
