fire emoji
fire from Twitter Emoji by Twitter · Default · Travel & Places · CC-BY-4.0 Attribution required.
- Name
- fire
- Set
- Twitter Emoji
- Style
- Default
- Category
- Travel & Places
- Viewbox
- 36×36
- License
- CC BY 4.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 ContrastfireFirefox OS EmojifireHeroIconsfireHuge IconsfireIconParkfireIconPark OutlinefireIconPark SolidfireIconPark TwoTonefireLine AwesomefireMajesticonsfireMaterial Design Iconsfire-fillMingCute IconfireMyna UI Icons
More travel & places icons from Twitter Emoji
Use the fire emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#f4900c" d="M35 19a17 17 0 0 0-1.04-5.868c-.46 5.389-3.333 8.157-6.335 6.868c-2.812-1.208-.917-5.917-.777-8.164c.236-3.809-.012-8.169-6.931-11.794c2.875 5.5.333 8.917-2.333 9.125c-2.958.231-5.667-2.542-4.667-7.042c-3.238 2.386-3.332 6.402-2.333 9c1.042 2.708-.042 4.958-2.583 5.208c-2.84.28-4.418-3.041-2.963-8.333A16.94 16.94 0 0 0 1 19c0 9.389 7.611 17 17 17s17-7.611 17-17"/><path fill="#ffcc4d" d="M28.394 23.999c.148 3.084-2.561 4.293-4.019 3.709c-2.106-.843-1.541-2.291-2.083-5.291s-2.625-5.083-5.708-6c2.25 6.333-1.247 8.667-3.08 9.084c-1.872.426-3.753-.001-3.968-4.007A11.96 11.96 0 0 0 6 30c0 .368.023.73.055 1.09C9.125 34.124 13.342 36 18 36s8.875-1.876 11.945-4.91c.032-.36.055-.722.055-1.09c0-2.187-.584-4.236-1.606-6.001"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiFire(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#f4900c" d="M35 19a17 17 0 0 0-1.04-5.868c-.46 5.389-3.333 8.157-6.335 6.868c-2.812-1.208-.917-5.917-.777-8.164c.236-3.809-.012-8.169-6.931-11.794c2.875 5.5.333 8.917-2.333 9.125c-2.958.231-5.667-2.542-4.667-7.042c-3.238 2.386-3.332 6.402-2.333 9c1.042 2.708-.042 4.958-2.583 5.208c-2.84.28-4.418-3.041-2.963-8.333A16.94 16.94 0 0 0 1 19c0 9.389 7.611 17 17 17s17-7.611 17-17"/><path fill="#ffcc4d" d="M28.394 23.999c.148 3.084-2.561 4.293-4.019 3.709c-2.106-.843-1.541-2.291-2.083-5.291s-2.625-5.083-5.708-6c2.25 6.333-1.247 8.667-3.08 9.084c-1.872.426-3.753-.001-3.968-4.007A11.96 11.96 0 0 0 6 30c0 .368.023.73.055 1.09C9.125 34.124 13.342 36 18 36s8.875-1.876 11.945-4.91c.032-.36.055-.722.055-1.09c0-2.187-.584-4.236-1.606-6.001"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#f4900c" d="M35 19a17 17 0 0 0-1.04-5.868c-.46 5.389-3.333 8.157-6.335 6.868c-2.812-1.208-.917-5.917-.777-8.164c.236-3.809-.012-8.169-6.931-11.794c2.875 5.5.333 8.917-2.333 9.125c-2.958.231-5.667-2.542-4.667-7.042c-3.238 2.386-3.332 6.402-2.333 9c1.042 2.708-.042 4.958-2.583 5.208c-2.84.28-4.418-3.041-2.963-8.333A16.94 16.94 0 0 0 1 19c0 9.389 7.611 17 17 17s17-7.611 17-17"/><path fill="#ffcc4d" d="M28.394 23.999c.148 3.084-2.561 4.293-4.019 3.709c-2.106-.843-1.541-2.291-2.083-5.291s-2.625-5.083-5.708-6c2.25 6.333-1.247 8.667-3.08 9.084c-1.872.426-3.753-.001-3.968-4.007A11.96 11.96 0 0 0 6 30c0 .368.023.73.055 1.09C9.125 34.124 13.342 36 18 36s8.875-1.876 11.945-4.91c.032-.36.055-.722.055-1.09c0-2.187-.584-4.236-1.606-6.001"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%23f4900c%22%20d%3D%22M35%2019a17%2017%200%200%200-1.04-5.868c-.46%205.389-3.333%208.157-6.335%206.868c-2.812-1.208-.917-5.917-.777-8.164c.236-3.809-.012-8.169-6.931-11.794c2.875%205.5.333%208.917-2.333%209.125c-2.958.231-5.667-2.542-4.667-7.042c-3.238%202.386-3.332%206.402-2.333%209c1.042%202.708-.042%204.958-2.583%205.208c-2.84.28-4.418-3.041-2.963-8.333A16.94%2016.94%200%200%200%201%2019c0%209.389%207.611%2017%2017%2017s17-7.611%2017-17%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M28.394%2023.999c.148%203.084-2.561%204.293-4.019%203.709c-2.106-.843-1.541-2.291-2.083-5.291s-2.625-5.083-5.708-6c2.25%206.333-1.247%208.667-3.08%209.084c-1.872.426-3.753-.001-3.968-4.007A11.96%2011.96%200%200%200%206%2030c0%20.368.023.73.055%201.09C9.125%2034.124%2013.342%2036%2018%2036s8.875-1.876%2011.945-4.91c.032-.36.055-.722.055-1.09c0-2.187-.584-4.236-1.606-6.001%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%2036%2036%22%3E%3Cpath%20fill%3D%22%23f4900c%22%20d%3D%22M35%2019a17%2017%200%200%200-1.04-5.868c-.46%205.389-3.333%208.157-6.335%206.868c-2.812-1.208-.917-5.917-.777-8.164c.236-3.809-.012-8.169-6.931-11.794c2.875%205.5.333%208.917-2.333%209.125c-2.958.231-5.667-2.542-4.667-7.042c-3.238%202.386-3.332%206.402-2.333%209c1.042%202.708-.042%204.958-2.583%205.208c-2.84.28-4.418-3.041-2.963-8.333A16.94%2016.94%200%200%200%201%2019c0%209.389%207.611%2017%2017%2017s17-7.611%2017-17%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M28.394%2023.999c.148%203.084-2.561%204.293-4.019%203.709c-2.106-.843-1.541-2.291-2.083-5.291s-2.625-5.083-5.708-6c2.25%206.333-1.247%208.667-3.08%209.084c-1.872.426-3.753-.001-3.968-4.007A11.96%2011.96%200%200%200%206%2030c0%20.368.023.73.055%201.09C9.125%2034.124%2013.342%2036%2018%2036s8.875-1.876%2011.945-4.91c.032-.36.055-.722.055-1.09c0-2.187-.584-4.236-1.606-6.001%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/fire.svg?color=%231a73e8&size=48
