candle icon

candle from Material Symbols Light by Google · Regular · Social · Apache-2.0 Free for personal and commercial use.

Name: candle
Set: Material Symbols Light
Style: Regular
Category: Social
Viewbox: 24×24
License: Apache 2.0

5 other variants in Material Symbols Light

candle-outline candle-outline-rounded candle-outline-sharp candle-rounded candle-sharp

The same icon in other sets

candleEmoji One (Colored)candleFluent Emoji candleFluent Emoji Flat candleFluent Emoji High Contrast candleFirefox OS Emoji candleJam Icons candleMaterial Symbols candleMaterial Design Icons candle-fillMingCute Icon candleNoto Emoji candleOpenMoji candle-fillRemix Icon candleTabler Icons candleTwitter Emoji

More social icons from Material Symbols Light

Use the candle icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.49 6.97q-.636-.664-.586-1.595q.05-1.05.71-1.864q.661-.815 1.444-1.511q.783.696 1.443 1.51t.71 1.846q.05.95-.583 1.615q-.634.664-1.567.664t-1.57-.665m10.172 9.827q.337-.337.337-.826t-.337-.826t-.817-.337t-.816.337t-.338.826t.338.826t.816.338t.817-.338M17.693 21H6.422q-1.01 0-1.716-.707T4 18.577v-1.443h5.673v-6.018q0-.667.475-1.141t1.14-.475h1.539q.666 0 1.14.475t.475 1.14v6.02h3.639q-.185-.258-.287-.55t-.102-.623q0-.901.627-1.528t1.527-.626t1.527.626t.627 1.528q0 .834-.543 1.444q-.544.61-1.342.706v.465q0 1.01-.706 1.716T17.692 21"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightCandle(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="M10.49 6.97q-.636-.664-.586-1.595q.05-1.05.71-1.864q.661-.815 1.444-1.511q.783.696 1.443 1.51t.71 1.846q.05.95-.583 1.615q-.634.664-1.567.664t-1.57-.665m10.172 9.827q.337-.337.337-.826t-.337-.826t-.817-.337t-.816.337t-.338.826t.338.826t.816.338t.817-.338M17.693 21H6.422q-1.01 0-1.716-.707T4 18.577v-1.443h5.673v-6.018q0-.667.475-1.141t1.14-.475h1.539q.666 0 1.14.475t.475 1.14v6.02h3.639q-.185-.258-.287-.55t-.102-.623q0-.901.627-1.528t1.527-.626t1.527.626t.627 1.528q0 .834-.543 1.444q-.544.61-1.342.706v.465q0 1.01-.706 1.716T17.692 21"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.49 6.97q-.636-.664-.586-1.595q.05-1.05.71-1.864q.661-.815 1.444-1.511q.783.696 1.443 1.51t.71 1.846q.05.95-.583 1.615q-.634.664-1.567.664t-1.57-.665m10.172 9.827q.337-.337.337-.826t-.337-.826t-.817-.337t-.816.337t-.338.826t.338.826t.816.338t.817-.338M17.693 21H6.422q-1.01 0-1.716-.707T4 18.577v-1.443h5.673v-6.018q0-.667.475-1.141t1.14-.475h1.539q.666 0 1.14.475t.475 1.14v6.02h3.639q-.185-.258-.287-.55t-.102-.623q0-.901.627-1.528t1.527-.626t1.527.626t.627 1.528q0 .834-.543 1.444q-.544.61-1.342.706v.465q0 1.01-.706 1.716T17.692 21"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.49%206.97q-.636-.664-.586-1.595q.05-1.05.71-1.864q.661-.815%201.444-1.511q.783.696%201.443%201.51t.71%201.846q.05.95-.583%201.615q-.634.664-1.567.664t-1.57-.665m10.172%209.827q.337-.337.337-.826t-.337-.826t-.817-.337t-.816.337t-.338.826t.338.826t.816.338t.817-.338M17.693%2021H6.422q-1.01%200-1.716-.707T4%2018.577v-1.443h5.673v-6.018q0-.667.475-1.141t1.14-.475h1.539q.666%200%201.14.475t.475%201.14v6.02h3.639q-.185-.258-.287-.55t-.102-.623q0-.901.627-1.528t1.527-.626t1.527.626t.627%201.528q0%20.834-.543%201.444q-.544.61-1.342.706v.465q0%201.01-.706%201.716T17.692%2021%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%22M10.49%206.97q-.636-.664-.586-1.595q.05-1.05.71-1.864q.661-.815%201.444-1.511q.783.696%201.443%201.51t.71%201.846q.05.95-.583%201.615q-.634.664-1.567.664t-1.57-.665m10.172%209.827q.337-.337.337-.826t-.337-.826t-.817-.337t-.816.337t-.338.826t.338.826t.816.338t.817-.338M17.693%2021H6.422q-1.01%200-1.716-.707T4%2018.577v-1.443h5.673v-6.018q0-.667.475-1.141t1.14-.475h1.539q.666%200%201.14.475t.475%201.14v6.02h3.639q-.185-.258-.287-.55t-.102-.623q0-.901.627-1.528t1.527-.626t1.527.626t.627%201.528q0%20.834-.543%201.444q-.544.61-1.342.706v.465q0%201.01-.706%201.716T17.692%2021%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/candle.svg?color=%231a73e8&size=48