candles icon
candles-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- candles-fill
- Set
- MingCute Icon
- Style
- Fill
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
The same icon in other sets
Use the candles icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.18 2.125a1 1 0 0 1 .878-.044c.753.322 1.468.914 1.996 1.601c.524.683.946 1.569.946 2.512C12 8.034 10.285 9 8.903 9C7.84 9 6.842 8.296 6.35 7.409a2.66 2.66 0 0 1-.326-1.655c.085-.622.401-1.199.922-1.682c.265-.245.414-.414.514-.579c.092-.151.168-.34.216-.647a1 1 0 0 1 .504-.72M6 10a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2zm9.465 12H19a2 2 0 0 0 2-2v-5a2 2 0 0 0-2-2h-3v7c0 .729-.195 1.412-.535 2m.305-15.878a1 1 0 0 1 .894-.032c.615.282 1.181.787 1.593 1.359c.41.57.743 1.312.743 2.107C19 11.123 17.613 12 16.427 12c-.935 0-1.756-.65-2.146-1.4a2.4 2.4 0 0 1-.262-1.416c.069-.533.323-1.031.748-1.45c.191-.19.288-.31.35-.42c.056-.097.108-.228.142-.458a1 1 0 0 1 .51-.734"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteCandlesFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.18 2.125a1 1 0 0 1 .878-.044c.753.322 1.468.914 1.996 1.601c.524.683.946 1.569.946 2.512C12 8.034 10.285 9 8.903 9C7.84 9 6.842 8.296 6.35 7.409a2.66 2.66 0 0 1-.326-1.655c.085-.622.401-1.199.922-1.682c.265-.245.414-.414.514-.579c.092-.151.168-.34.216-.647a1 1 0 0 1 .504-.72M6 10a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2zm9.465 12H19a2 2 0 0 0 2-2v-5a2 2 0 0 0-2-2h-3v7c0 .729-.195 1.412-.535 2m.305-15.878a1 1 0 0 1 .894-.032c.615.282 1.181.787 1.593 1.359c.41.57.743 1.312.743 2.107C19 11.123 17.613 12 16.427 12c-.935 0-1.756-.65-2.146-1.4a2.4 2.4 0 0 1-.262-1.416c.069-.533.323-1.031.748-1.45c.191-.19.288-.31.35-.42c.056-.097.108-.228.142-.458a1 1 0 0 1 .51-.734"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.18 2.125a1 1 0 0 1 .878-.044c.753.322 1.468.914 1.996 1.601c.524.683.946 1.569.946 2.512C12 8.034 10.285 9 8.903 9C7.84 9 6.842 8.296 6.35 7.409a2.66 2.66 0 0 1-.326-1.655c.085-.622.401-1.199.922-1.682c.265-.245.414-.414.514-.579c.092-.151.168-.34.216-.647a1 1 0 0 1 .504-.72M6 10a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2zm9.465 12H19a2 2 0 0 0 2-2v-5a2 2 0 0 0-2-2h-3v7c0 .729-.195 1.412-.535 2m.305-15.878a1 1 0 0 1 .894-.032c.615.282 1.181.787 1.593 1.359c.41.57.743 1.312.743 2.107C19 11.123 17.613 12 16.427 12c-.935 0-1.756-.65-2.146-1.4a2.4 2.4 0 0 1-.262-1.416c.069-.533.323-1.031.748-1.45c.191-.19.288-.31.35-.42c.056-.097.108-.228.142-.458a1 1 0 0 1 .51-.734"/></svg> </template>
CSS
.icon-candles-fill {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.18%202.125a1%201%200%200%201%20.878-.044c.753.322%201.468.914%201.996%201.601c.524.683.946%201.569.946%202.512C12%208.034%2010.285%209%208.903%209C7.84%209%206.842%208.296%206.35%207.409a2.66%202.66%200%200%201-.326-1.655c.085-.622.401-1.199.922-1.682c.265-.245.414-.414.514-.579c.092-.151.168-.34.216-.647a1%201%200%200%201%20.504-.72M6%2010a2%202%200%200%200-2%202v8a2%202%200%200%200%202%202h6a2%202%200%200%200%202-2v-8a2%202%200%200%200-2-2zm9.465%2012H19a2%202%200%200%200%202-2v-5a2%202%200%200%200-2-2h-3v7c0%20.729-.195%201.412-.535%202m.305-15.878a1%201%200%200%201%20.894-.032c.615.282%201.181.787%201.593%201.359c.41.57.743%201.312.743%202.107C19%2011.123%2017.613%2012%2016.427%2012c-.935%200-1.756-.65-2.146-1.4a2.4%202.4%200%200%201-.262-1.416c.069-.533.323-1.031.748-1.45c.191-.19.288-.31.35-.42c.056-.097.108-.228.142-.458a1%201%200%200%201%20.51-.734%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.18%202.125a1%201%200%200%201%20.878-.044c.753.322%201.468.914%201.996%201.601c.524.683.946%201.569.946%202.512C12%208.034%2010.285%209%208.903%209C7.84%209%206.842%208.296%206.35%207.409a2.66%202.66%200%200%201-.326-1.655c.085-.622.401-1.199.922-1.682c.265-.245.414-.414.514-.579c.092-.151.168-.34.216-.647a1%201%200%200%201%20.504-.72M6%2010a2%202%200%200%200-2%202v8a2%202%200%200%200%202%202h6a2%202%200%200%200%202-2v-8a2%202%200%200%200-2-2zm9.465%2012H19a2%202%200%200%200%202-2v-5a2%202%200%200%200-2-2h-3v7c0%20.729-.195%201.412-.535%202m.305-15.878a1%201%200%200%201%20.894-.032c.615.282%201.181.787%201.593%201.359c.41.57.743%201.312.743%202.107C19%2011.123%2017.613%2012%2016.427%2012c-.935%200-1.756-.65-2.146-1.4a2.4%202.4%200%200%201-.262-1.416c.069-.533.323-1.031.748-1.45c.191-.19.288-.31.35-.42c.056-.097.108-.228.142-.458a1%201%200%200%201%20.51-.734%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/candles-fill.svg?color=%231a73e8&size=48
