fire emoji

fire from Emoji One (Colored) by Emoji One · Default · Nature · CC-BY-4.0 Attribution required.

Name
fire
Set
Emoji One (Colored)
Style
Default
Category
Nature
Viewbox
64×64
License
CC BY 4.0

The same emoji in other sets

fireAkar Iconsfire-filledAnt Design IconsfireBootstrap IconsfireCarbonfireFont 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 IconsfireNoto Emoji

More nature icons from Emoji One (Colored)

antbaby-chickbatbear-facebirdblossomblowfishboarbouquetbugbutterflycactuscamelcatcat-facecherry-blossomchickenchipmunkcloudcloud-with-lightningcloud-with-lightning-and-raincloud-with-raincloud-with-snowcollision

Use the fire emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#ff9d33" d="M57 26.2s-3 2.8-8.1 6.1C47.5 24.2 43.6 14.2 36 2c0 0-2.5 13.1-10.8 25.4c-3.6-5.6-5.2-10-5.2-10C-6 43.5 15.6 62 29.2 62c17.4 0 32.7-8.4 27.8-35.8"/><path fill="#ffce31" d="M46.7 49.4c1.5-3.3 2.6-7.6 2.8-13c0 0-2.1 1.8-5.7 4.1c-1-5.4-3.7-12-9-20.2c0 0-1.7 8.7-7.5 17c-2.5-3.7-3.6-6.7-3.6-6.7c-4.3 6.8-6 12.2-6.1 16.5c-2.4-.9-3.9-1.6-3.9-1.6c4.1 12.2 12.6 14.9 16.4 14.9c6.8 0 13.7-2 20.5-11.7c0-.1-1.5.3-3.9.7"/><path fill="#ffdf85" d="M21.9 43.9s2.8 3.8 4.9 2.9c0 0 4-6.3 9.8-9.8c0 0-1.2 9.6.2 11.3c1.8 2.3 6.7-2.5 6.7-2.5c0 5.7-6.2 12.8-11.8 12.8c-5.4 0-13.2-6.2-9.8-14.7"/><path fill="#ff9d33" d="M49.8 18.1c2.1-3 3.5-6.2 3.5-6.2c3.5 5.8 1.4 9.3-.1 10.4c-2.1 1.6-5.8-.7-3.4-4.2m-38.2-1c-2.1-3.5-2.3-7.9-2.3-7.9c-5 7.5-3.1 11.7-1.4 12.9c2.2 1.7 6-.9 3.7-5m11.6-7.8c.3-2.4-.7-4.8-.7-4.8c4.7 3.1 4.7 5.7 4.1 6.8c-.9 1.3-3.7.7-3.4-2"/></svg>

React

import type { SVGProps } from "react";

export function EmojioneFire(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#ff9d33" d="M57 26.2s-3 2.8-8.1 6.1C47.5 24.2 43.6 14.2 36 2c0 0-2.5 13.1-10.8 25.4c-3.6-5.6-5.2-10-5.2-10C-6 43.5 15.6 62 29.2 62c17.4 0 32.7-8.4 27.8-35.8"/><path fill="#ffce31" d="M46.7 49.4c1.5-3.3 2.6-7.6 2.8-13c0 0-2.1 1.8-5.7 4.1c-1-5.4-3.7-12-9-20.2c0 0-1.7 8.7-7.5 17c-2.5-3.7-3.6-6.7-3.6-6.7c-4.3 6.8-6 12.2-6.1 16.5c-2.4-.9-3.9-1.6-3.9-1.6c4.1 12.2 12.6 14.9 16.4 14.9c6.8 0 13.7-2 20.5-11.7c0-.1-1.5.3-3.9.7"/><path fill="#ffdf85" d="M21.9 43.9s2.8 3.8 4.9 2.9c0 0 4-6.3 9.8-9.8c0 0-1.2 9.6.2 11.3c1.8 2.3 6.7-2.5 6.7-2.5c0 5.7-6.2 12.8-11.8 12.8c-5.4 0-13.2-6.2-9.8-14.7"/><path fill="#ff9d33" d="M49.8 18.1c2.1-3 3.5-6.2 3.5-6.2c3.5 5.8 1.4 9.3-.1 10.4c-2.1 1.6-5.8-.7-3.4-4.2m-38.2-1c-2.1-3.5-2.3-7.9-2.3-7.9c-5 7.5-3.1 11.7-1.4 12.9c2.2 1.7 6-.9 3.7-5m11.6-7.8c.3-2.4-.7-4.8-.7-4.8c4.7 3.1 4.7 5.7 4.1 6.8c-.9 1.3-3.7.7-3.4-2"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#ff9d33" d="M57 26.2s-3 2.8-8.1 6.1C47.5 24.2 43.6 14.2 36 2c0 0-2.5 13.1-10.8 25.4c-3.6-5.6-5.2-10-5.2-10C-6 43.5 15.6 62 29.2 62c17.4 0 32.7-8.4 27.8-35.8"/><path fill="#ffce31" d="M46.7 49.4c1.5-3.3 2.6-7.6 2.8-13c0 0-2.1 1.8-5.7 4.1c-1-5.4-3.7-12-9-20.2c0 0-1.7 8.7-7.5 17c-2.5-3.7-3.6-6.7-3.6-6.7c-4.3 6.8-6 12.2-6.1 16.5c-2.4-.9-3.9-1.6-3.9-1.6c4.1 12.2 12.6 14.9 16.4 14.9c6.8 0 13.7-2 20.5-11.7c0-.1-1.5.3-3.9.7"/><path fill="#ffdf85" d="M21.9 43.9s2.8 3.8 4.9 2.9c0 0 4-6.3 9.8-9.8c0 0-1.2 9.6.2 11.3c1.8 2.3 6.7-2.5 6.7-2.5c0 5.7-6.2 12.8-11.8 12.8c-5.4 0-13.2-6.2-9.8-14.7"/><path fill="#ff9d33" d="M49.8 18.1c2.1-3 3.5-6.2 3.5-6.2c3.5 5.8 1.4 9.3-.1 10.4c-2.1 1.6-5.8-.7-3.4-4.2m-38.2-1c-2.1-3.5-2.3-7.9-2.3-7.9c-5 7.5-3.1 11.7-1.4 12.9c2.2 1.7 6-.9 3.7-5m11.6-7.8c.3-2.4-.7-4.8-.7-4.8c4.7 3.1 4.7 5.7 4.1 6.8c-.9 1.3-3.7.7-3.4-2"/></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%2064%2064%22%3E%3Cpath%20fill%3D%22%23ff9d33%22%20d%3D%22M57%2026.2s-3%202.8-8.1%206.1C47.5%2024.2%2043.6%2014.2%2036%202c0%200-2.5%2013.1-10.8%2025.4c-3.6-5.6-5.2-10-5.2-10C-6%2043.5%2015.6%2062%2029.2%2062c17.4%200%2032.7-8.4%2027.8-35.8%22%2F%3E%3Cpath%20fill%3D%22%23ffce31%22%20d%3D%22M46.7%2049.4c1.5-3.3%202.6-7.6%202.8-13c0%200-2.1%201.8-5.7%204.1c-1-5.4-3.7-12-9-20.2c0%200-1.7%208.7-7.5%2017c-2.5-3.7-3.6-6.7-3.6-6.7c-4.3%206.8-6%2012.2-6.1%2016.5c-2.4-.9-3.9-1.6-3.9-1.6c4.1%2012.2%2012.6%2014.9%2016.4%2014.9c6.8%200%2013.7-2%2020.5-11.7c0-.1-1.5.3-3.9.7%22%2F%3E%3Cpath%20fill%3D%22%23ffdf85%22%20d%3D%22M21.9%2043.9s2.8%203.8%204.9%202.9c0%200%204-6.3%209.8-9.8c0%200-1.2%209.6.2%2011.3c1.8%202.3%206.7-2.5%206.7-2.5c0%205.7-6.2%2012.8-11.8%2012.8c-5.4%200-13.2-6.2-9.8-14.7%22%2F%3E%3Cpath%20fill%3D%22%23ff9d33%22%20d%3D%22M49.8%2018.1c2.1-3%203.5-6.2%203.5-6.2c3.5%205.8%201.4%209.3-.1%2010.4c-2.1%201.6-5.8-.7-3.4-4.2m-38.2-1c-2.1-3.5-2.3-7.9-2.3-7.9c-5%207.5-3.1%2011.7-1.4%2012.9c2.2%201.7%206-.9%203.7-5m11.6-7.8c.3-2.4-.7-4.8-.7-4.8c4.7%203.1%204.7%205.7%204.1%206.8c-.9%201.3-3.7.7-3.4-2%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%2064%2064%22%3E%3Cpath%20fill%3D%22%23ff9d33%22%20d%3D%22M57%2026.2s-3%202.8-8.1%206.1C47.5%2024.2%2043.6%2014.2%2036%202c0%200-2.5%2013.1-10.8%2025.4c-3.6-5.6-5.2-10-5.2-10C-6%2043.5%2015.6%2062%2029.2%2062c17.4%200%2032.7-8.4%2027.8-35.8%22%2F%3E%3Cpath%20fill%3D%22%23ffce31%22%20d%3D%22M46.7%2049.4c1.5-3.3%202.6-7.6%202.8-13c0%200-2.1%201.8-5.7%204.1c-1-5.4-3.7-12-9-20.2c0%200-1.7%208.7-7.5%2017c-2.5-3.7-3.6-6.7-3.6-6.7c-4.3%206.8-6%2012.2-6.1%2016.5c-2.4-.9-3.9-1.6-3.9-1.6c4.1%2012.2%2012.6%2014.9%2016.4%2014.9c6.8%200%2013.7-2%2020.5-11.7c0-.1-1.5.3-3.9.7%22%2F%3E%3Cpath%20fill%3D%22%23ffdf85%22%20d%3D%22M21.9%2043.9s2.8%203.8%204.9%202.9c0%200%204-6.3%209.8-9.8c0%200-1.2%209.6.2%2011.3c1.8%202.3%206.7-2.5%206.7-2.5c0%205.7-6.2%2012.8-11.8%2012.8c-5.4%200-13.2-6.2-9.8-14.7%22%2F%3E%3Cpath%20fill%3D%22%23ff9d33%22%20d%3D%22M49.8%2018.1c2.1-3%203.5-6.2%203.5-6.2c3.5%205.8%201.4%209.3-.1%2010.4c-2.1%201.6-5.8-.7-3.4-4.2m-38.2-1c-2.1-3.5-2.3-7.9-2.3-7.9c-5%207.5-3.1%2011.7-1.4%2012.9c2.2%201.7%206-.9%203.7-5m11.6-7.8c.3-2.4-.7-4.8-.7-4.8c4.7%203.1%204.7%205.7%204.1%206.8c-.9%201.3-3.7.7-3.4-2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/fire.svg?color=%231a73e8&size=48