fire emoji
fire from Firefox OS Emoji by Mozilla · Default · Nature · Apache-2.0 Free for personal and commercial use.
- Name
- fire
- Set
- Firefox OS Emoji
- Style
- Default
- Category
- Nature
- Viewbox
- 512×512
- License
- Apache 2.0
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 FlatfireFluent Emoji High ContrastfireHeroIconsfireHuge IconsfireIconParkfireIconPark OutlinefireIconPark SolidfireIconPark TwoTonefireLine AwesomefireMajesticonsfireMaterial Design Iconsfire-fillMingCute IconfireMyna UI IconsfireNoto Emoji
More nature icons from Firefox OS Emoji
Use the fire emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#FF8F1F" d="M266.91 500.44c-168.738 0-213.822-175.898-193.443-291.147c.887-5.016 7.462-6.461 10.327-2.249c8.872 13.04 16.767 31.875 29.848 30.24c19.661-2.458 33.282-175.946 149.807-224.761c3.698-1.549 7.567 1.39 7.161 5.378c-5.762 56.533 28.181 137.468 88.316 137.468c34.472 0 58.058-27.512 69.844-55.142c3.58-8.393 15.843-7.335 17.896 1.556c21.031 91.082 77.25 398.657-179.756 398.657"/><path fill="#FFB636" d="M207.756 330.827c3.968-3.334 9.992-1.046 10.893 4.058c2.108 11.943 9.04 32.468 31.778 32.468c27.352 0 45.914-75.264 50.782-97.399c.801-3.642 4.35-6.115 8.004-5.372c68.355 13.898 101.59 235.858-48.703 235.858c-109.412 0-84.625-142.839-52.754-169.613M394.537 90.454c2.409-18.842-31.987 32.693-31.987 32.693s26.223 12.386 31.987-32.693M47.963 371.456c.725-8.021-9.594-29.497-11.421-20.994c-4.373 20.344 10.696 29.016 11.421 20.994"/><path fill="#FFD469" d="M323.176 348.596c-2.563-10.69-11.755 14.14-10.6 24.254c1.155 10.113 16.731 1.322 10.6-24.254"/></svg>
React
import type { SVGProps } from "react";
export function FxemojiFire(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#FF8F1F" d="M266.91 500.44c-168.738 0-213.822-175.898-193.443-291.147c.887-5.016 7.462-6.461 10.327-2.249c8.872 13.04 16.767 31.875 29.848 30.24c19.661-2.458 33.282-175.946 149.807-224.761c3.698-1.549 7.567 1.39 7.161 5.378c-5.762 56.533 28.181 137.468 88.316 137.468c34.472 0 58.058-27.512 69.844-55.142c3.58-8.393 15.843-7.335 17.896 1.556c21.031 91.082 77.25 398.657-179.756 398.657"/><path fill="#FFB636" d="M207.756 330.827c3.968-3.334 9.992-1.046 10.893 4.058c2.108 11.943 9.04 32.468 31.778 32.468c27.352 0 45.914-75.264 50.782-97.399c.801-3.642 4.35-6.115 8.004-5.372c68.355 13.898 101.59 235.858-48.703 235.858c-109.412 0-84.625-142.839-52.754-169.613M394.537 90.454c2.409-18.842-31.987 32.693-31.987 32.693s26.223 12.386 31.987-32.693M47.963 371.456c.725-8.021-9.594-29.497-11.421-20.994c-4.373 20.344 10.696 29.016 11.421 20.994"/><path fill="#FFD469" d="M323.176 348.596c-2.563-10.69-11.755 14.14-10.6 24.254c1.155 10.113 16.731 1.322 10.6-24.254"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#FF8F1F" d="M266.91 500.44c-168.738 0-213.822-175.898-193.443-291.147c.887-5.016 7.462-6.461 10.327-2.249c8.872 13.04 16.767 31.875 29.848 30.24c19.661-2.458 33.282-175.946 149.807-224.761c3.698-1.549 7.567 1.39 7.161 5.378c-5.762 56.533 28.181 137.468 88.316 137.468c34.472 0 58.058-27.512 69.844-55.142c3.58-8.393 15.843-7.335 17.896 1.556c21.031 91.082 77.25 398.657-179.756 398.657"/><path fill="#FFB636" d="M207.756 330.827c3.968-3.334 9.992-1.046 10.893 4.058c2.108 11.943 9.04 32.468 31.778 32.468c27.352 0 45.914-75.264 50.782-97.399c.801-3.642 4.35-6.115 8.004-5.372c68.355 13.898 101.59 235.858-48.703 235.858c-109.412 0-84.625-142.839-52.754-169.613M394.537 90.454c2.409-18.842-31.987 32.693-31.987 32.693s26.223 12.386 31.987-32.693M47.963 371.456c.725-8.021-9.594-29.497-11.421-20.994c-4.373 20.344 10.696 29.016 11.421 20.994"/><path fill="#FFD469" d="M323.176 348.596c-2.563-10.69-11.755 14.14-10.6 24.254c1.155 10.113 16.731 1.322 10.6-24.254"/></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%20512%20512%22%3E%3Cpath%20fill%3D%22%23FF8F1F%22%20d%3D%22M266.91%20500.44c-168.738%200-213.822-175.898-193.443-291.147c.887-5.016%207.462-6.461%2010.327-2.249c8.872%2013.04%2016.767%2031.875%2029.848%2030.24c19.661-2.458%2033.282-175.946%20149.807-224.761c3.698-1.549%207.567%201.39%207.161%205.378c-5.762%2056.533%2028.181%20137.468%2088.316%20137.468c34.472%200%2058.058-27.512%2069.844-55.142c3.58-8.393%2015.843-7.335%2017.896%201.556c21.031%2091.082%2077.25%20398.657-179.756%20398.657%22%2F%3E%3Cpath%20fill%3D%22%23FFB636%22%20d%3D%22M207.756%20330.827c3.968-3.334%209.992-1.046%2010.893%204.058c2.108%2011.943%209.04%2032.468%2031.778%2032.468c27.352%200%2045.914-75.264%2050.782-97.399c.801-3.642%204.35-6.115%208.004-5.372c68.355%2013.898%20101.59%20235.858-48.703%20235.858c-109.412%200-84.625-142.839-52.754-169.613M394.537%2090.454c2.409-18.842-31.987%2032.693-31.987%2032.693s26.223%2012.386%2031.987-32.693M47.963%20371.456c.725-8.021-9.594-29.497-11.421-20.994c-4.373%2020.344%2010.696%2029.016%2011.421%2020.994%22%2F%3E%3Cpath%20fill%3D%22%23FFD469%22%20d%3D%22M323.176%20348.596c-2.563-10.69-11.755%2014.14-10.6%2024.254c1.155%2010.113%2016.731%201.322%2010.6-24.254%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%20512%20512%22%3E%3Cpath%20fill%3D%22%23FF8F1F%22%20d%3D%22M266.91%20500.44c-168.738%200-213.822-175.898-193.443-291.147c.887-5.016%207.462-6.461%2010.327-2.249c8.872%2013.04%2016.767%2031.875%2029.848%2030.24c19.661-2.458%2033.282-175.946%20149.807-224.761c3.698-1.549%207.567%201.39%207.161%205.378c-5.762%2056.533%2028.181%20137.468%2088.316%20137.468c34.472%200%2058.058-27.512%2069.844-55.142c3.58-8.393%2015.843-7.335%2017.896%201.556c21.031%2091.082%2077.25%20398.657-179.756%20398.657%22%2F%3E%3Cpath%20fill%3D%22%23FFB636%22%20d%3D%22M207.756%20330.827c3.968-3.334%209.992-1.046%2010.893%204.058c2.108%2011.943%209.04%2032.468%2031.778%2032.468c27.352%200%2045.914-75.264%2050.782-97.399c.801-3.642%204.35-6.115%208.004-5.372c68.355%2013.898%20101.59%20235.858-48.703%20235.858c-109.412%200-84.625-142.839-52.754-169.613M394.537%2090.454c2.409-18.842-31.987%2032.693-31.987%2032.693s26.223%2012.386%2031.987-32.693M47.963%20371.456c.725-8.021-9.594-29.497-11.421-20.994c-4.373%2020.344%2010.696%2029.016%2011.421%2020.994%22%2F%3E%3Cpath%20fill%3D%22%23FFD469%22%20d%3D%22M323.176%20348.596c-2.563-10.69-11.755%2014.14-10.6%2024.254c1.155%2010.113%2016.731%201.322%2010.6-24.254%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fxemoji/fire.svg?color=%231a73e8&size=48
