candle emoji
candle from Twitter Emoji by Twitter · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- candle
- Set
- Twitter Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
candleEmoji One (Colored)candleFluent EmojicandleFluent Emoji FlatcandleFluent Emoji High ContrastcandleFirefox OS EmojicandleJam IconscandleMaterial SymbolscandleMaterial Symbols LightcandleMaterial Design Iconscandle-fillMingCute IconcandleNoto EmojicandleOpenMojicandle-fillRemix IconcandleTabler Icons
More objects icons from Twitter Emoji
Use the candle emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#67757f" d="M20 21.5a1.5 1.5 0 0 1-3 0v-3a1.5 1.5 0 1 1 3 0z"/><path fill="#e1e8ed" d="M27.138 33.817C27.183 35.022 26.206 36 25 36H12.183A2.183 2.183 0 0 1 10 33.817V21c0-1.205.115-2.183 2.183-2.183S15 23 25 21c1.091 0 2.183.978 2.138 2.183z"/><path fill="#fcab40" d="M18.687 18.538c-2.595 0-6.962-1.934-6.962-5.898c0-3.988 4.351-5.414 7.005-11.401c.751-1.693.999-1.107 1.86-.076c2.06 2.463 5.058 7.483 5.058 11.574c-.001 4.641-4.64 5.801-6.961 5.801"/><path fill="#fdcb58" d="M18.687 17.447c-4.184 0-3.482-5.802 0-9.283c2.321 1.16 5.801 9.283 0 9.283"/><path fill="#ccd6dd" d="M11 29a1 1 0 1 1-2 0v-7a1 1 0 1 1 2 0zm4 3a1 1 0 1 1-2 0v-7a1 1 0 1 1 2 0zm0-11a1 1 0 1 1-2 0v-1a1 1 0 1 1 2 0z"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiCandle(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#67757f" d="M20 21.5a1.5 1.5 0 0 1-3 0v-3a1.5 1.5 0 1 1 3 0z"/><path fill="#e1e8ed" d="M27.138 33.817C27.183 35.022 26.206 36 25 36H12.183A2.183 2.183 0 0 1 10 33.817V21c0-1.205.115-2.183 2.183-2.183S15 23 25 21c1.091 0 2.183.978 2.138 2.183z"/><path fill="#fcab40" d="M18.687 18.538c-2.595 0-6.962-1.934-6.962-5.898c0-3.988 4.351-5.414 7.005-11.401c.751-1.693.999-1.107 1.86-.076c2.06 2.463 5.058 7.483 5.058 11.574c-.001 4.641-4.64 5.801-6.961 5.801"/><path fill="#fdcb58" d="M18.687 17.447c-4.184 0-3.482-5.802 0-9.283c2.321 1.16 5.801 9.283 0 9.283"/><path fill="#ccd6dd" d="M11 29a1 1 0 1 1-2 0v-7a1 1 0 1 1 2 0zm4 3a1 1 0 1 1-2 0v-7a1 1 0 1 1 2 0zm0-11a1 1 0 1 1-2 0v-1a1 1 0 1 1 2 0z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#67757f" d="M20 21.5a1.5 1.5 0 0 1-3 0v-3a1.5 1.5 0 1 1 3 0z"/><path fill="#e1e8ed" d="M27.138 33.817C27.183 35.022 26.206 36 25 36H12.183A2.183 2.183 0 0 1 10 33.817V21c0-1.205.115-2.183 2.183-2.183S15 23 25 21c1.091 0 2.183.978 2.138 2.183z"/><path fill="#fcab40" d="M18.687 18.538c-2.595 0-6.962-1.934-6.962-5.898c0-3.988 4.351-5.414 7.005-11.401c.751-1.693.999-1.107 1.86-.076c2.06 2.463 5.058 7.483 5.058 11.574c-.001 4.641-4.64 5.801-6.961 5.801"/><path fill="#fdcb58" d="M18.687 17.447c-4.184 0-3.482-5.802 0-9.283c2.321 1.16 5.801 9.283 0 9.283"/><path fill="#ccd6dd" d="M11 29a1 1 0 1 1-2 0v-7a1 1 0 1 1 2 0zm4 3a1 1 0 1 1-2 0v-7a1 1 0 1 1 2 0zm0-11a1 1 0 1 1-2 0v-1a1 1 0 1 1 2 0z"/></svg> </template>
CSS
.icon-candle {
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%2367757f%22%20d%3D%22M20%2021.5a1.5%201.5%200%200%201-3%200v-3a1.5%201.5%200%201%201%203%200z%22%2F%3E%3Cpath%20fill%3D%22%23e1e8ed%22%20d%3D%22M27.138%2033.817C27.183%2035.022%2026.206%2036%2025%2036H12.183A2.183%202.183%200%200%201%2010%2033.817V21c0-1.205.115-2.183%202.183-2.183S15%2023%2025%2021c1.091%200%202.183.978%202.138%202.183z%22%2F%3E%3Cpath%20fill%3D%22%23fcab40%22%20d%3D%22M18.687%2018.538c-2.595%200-6.962-1.934-6.962-5.898c0-3.988%204.351-5.414%207.005-11.401c.751-1.693.999-1.107%201.86-.076c2.06%202.463%205.058%207.483%205.058%2011.574c-.001%204.641-4.64%205.801-6.961%205.801%22%2F%3E%3Cpath%20fill%3D%22%23fdcb58%22%20d%3D%22M18.687%2017.447c-4.184%200-3.482-5.802%200-9.283c2.321%201.16%205.801%209.283%200%209.283%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M11%2029a1%201%200%201%201-2%200v-7a1%201%200%201%201%202%200zm4%203a1%201%200%201%201-2%200v-7a1%201%200%201%201%202%200zm0-11a1%201%200%201%201-2%200v-1a1%201%200%201%201%202%200z%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%2367757f%22%20d%3D%22M20%2021.5a1.5%201.5%200%200%201-3%200v-3a1.5%201.5%200%201%201%203%200z%22%2F%3E%3Cpath%20fill%3D%22%23e1e8ed%22%20d%3D%22M27.138%2033.817C27.183%2035.022%2026.206%2036%2025%2036H12.183A2.183%202.183%200%200%201%2010%2033.817V21c0-1.205.115-2.183%202.183-2.183S15%2023%2025%2021c1.091%200%202.183.978%202.138%202.183z%22%2F%3E%3Cpath%20fill%3D%22%23fcab40%22%20d%3D%22M18.687%2018.538c-2.595%200-6.962-1.934-6.962-5.898c0-3.988%204.351-5.414%207.005-11.401c.751-1.693.999-1.107%201.86-.076c2.06%202.463%205.058%207.483%205.058%2011.574c-.001%204.641-4.64%205.801-6.961%205.801%22%2F%3E%3Cpath%20fill%3D%22%23fdcb58%22%20d%3D%22M18.687%2017.447c-4.184%200-3.482-5.802%200-9.283c2.321%201.16%205.801%209.283%200%209.283%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M11%2029a1%201%200%201%201-2%200v-7a1%201%200%201%201%202%200zm4%203a1%201%200%201%201-2%200v-7a1%201%200%201%201%202%200zm0-11a1%201%200%201%201-2%200v-1a1%201%200%201%201%202%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/candle.svg?color=%231a73e8&size=48
