Add icons to this collection by clicking the heart icon.
Candles icon - also known as light, christmas, decoration, candles, flame, candlestick, miscellaneous, and birthday and party. Created in a clean flat style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 128 128"
>
<linearGradient id="a">
<stop offset="0" stop-color="#957e7f" />
<stop offset="1" stop-color="#373638" />
</linearGradient>
<linearGradient
id="i"
x1="94.201"
x2="102.888"
y1="31.728"
y2="33.603"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset=".04" stop-color="#fb9e4b" />
<stop offset=".809" stop-color="#f37e3e" />
</linearGradient>
<linearGradient
id="j"
x1="113.992"
x2="113.992"
y1="4.75"
y2="23.666"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#f5a519" />
<stop offset=".997" stop-color="#ffb054" />
</linearGradient>
<linearGradient
id="k"
x1="96.803"
x2="101.553"
y1="10.994"
y2="15.494"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#f6cfbe" />
<stop offset="1" stop-color="#edad99" />
</linearGradient>
<linearGradient
id="l"
x1="40.002"
x2="84.002"
y1="83.121"
y2="82.455"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#efd1b5" />
<stop offset=".667" stop-color="#fcc8ad" />
</linearGradient>
<linearGradient
id="m"
x1="91.685"
x2="103.56"
y1="45.703"
y2="45.578"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient id="f">
<stop offset="0" stop-color="#f08674" />
<stop offset=".287" stop-color="#ed8272" />
<stop offset=".585" stop-color="#e5756c" />
<stop offset=".887" stop-color="#d86163" />
<stop offset="1" stop-color="#d2575e" />
</linearGradient>
<linearGradient
id="n"
x1="83.908"
x2="188.908"
y1="59.803"
y2="67.469"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="o"
x1="82.746"
x2="187.746"
y1="75.718"
y2="83.385"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="p"
x1="81.583"
x2="186.583"
y1="91.633"
y2="99.3"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="q"
x1="80.349"
x2="185.349"
y1="108.543"
y2="116.21"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="r"
x1="61.201"
x2="69.888"
y1="31.728"
y2="33.603"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="s"
x1="80.992"
x2="80.992"
y1="4.75"
y2="23.666"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="t"
x1="63.803"
x2="68.553"
y1="10.994"
y2="15.494"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="g">
<stop offset="0" stop-color="#ffd385" />
<stop offset="1" stop-color="#ffb66a" />
</linearGradient>
<linearGradient
id="u"
x1="144.374"
x2="111.624"
y1="91.675"
y2="86.675"
gradientUnits="userSpaceOnUse"
href="#g"
/>
<linearGradient
id="v"
x1="103.899"
x2="136.232"
y1="46.115"
y2="47.115"
gradientUnits="userSpaceOnUse"
href="#g"
/>
<linearGradient id="h">
<stop offset=".04" stop-color="#fb9e4b" />
<stop offset="1" stop-color="#f58641" />
</linearGradient>
<linearGradient
id="w"
x1="175.817"
x2="94.567"
y1="59.666"
y2="61.666"
gradientUnits="userSpaceOnUse"
href="#h"
/>
<linearGradient
id="x"
x1="176.211"
x2="94.961"
y1="75.656"
y2="77.656"
gradientUnits="userSpaceOnUse"
href="#h"
/>
<linearGradient
id="y"
x1="176.604"
x2="95.354"
y1="91.647"
y2="93.647"
gradientUnits="userSpaceOnUse"
href="#h"
/>
<linearGradient
id="z"
x1="177.023"
x2="95.773"
y1="108.636"
y2="110.636"
gradientUnits="userSpaceOnUse"
href="#h"
/>
<linearGradient
id="A"
x1="27.201"
x2="35.888"
y1="31.728"
y2="33.603"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="B"
x1="46.992"
x2="46.992"
y1="4.75"
y2="23.666"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="C"
x1="29.803"
x2="34.553"
y1="10.994"
y2="15.494"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="D"
x1="-26.998"
x2="17.002"
y1="83.121"
y2="82.455"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="E"
x1="24.685"
x2="36.56"
y1="45.703"
y2="45.578"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="F"
x1="16.908"
x2="121.908"
y1="59.803"
y2="67.469"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="G"
x1="15.746"
x2="120.746"
y1="75.718"
y2="83.385"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="H"
x1="14.583"
x2="119.583"
y1="91.633"
y2="99.3"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="I"
x1="13.349"
x2="118.349"
y1="108.543"
y2="116.21"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="J"
x1="-5.799"
x2="2.888"
y1="31.728"
y2="33.603"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="K"
x1="13.992"
x2="13.992"
y1="4.75"
y2="23.666"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="L"
x1="-3.197"
x2="1.553"
y1="10.994"
y2="15.494"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="M"
x1="77.374"
x2="44.624"
y1="91.675"
y2="86.675"
gradientUnits="userSpaceOnUse"
href="#g"
/>
<linearGradient
id="N"
x1="36.899"
x2="69.232"
y1="46.115"
y2="47.115"
gradientUnits="userSpaceOnUse"
href="#g"
/>
<linearGradient
id="O"
x1="108.817"
x2="27.567"
y1="59.666"
y2="61.666"
gradientUnits="userSpaceOnUse"
href="#h"
/>
<linearGradient
id="P"
x1="109.211"
x2="27.961"
y1="75.656"
y2="77.656"
gradientUnits="userSpaceOnUse"
href="#h"
/>
<linearGradient
id="Q"
x1="109.604"
x2="28.354"
y1="91.647"
y2="93.647"
gradientUnits="userSpaceOnUse"
href="#h"
/>
<linearGradient
id="R"
x1="110.023"
x2="28.773"
y1="108.636"
y2="110.636"
gradientUnits="userSpaceOnUse"
href="#h"
/>
<path fill="url(#i)" d="m114.989 39.002-2-.004.011-6 2 .004z" />
<path
fill="url(#j)"
d="M123.989 29c2.787-5.025-.078-15.314-10-27 0 0 1.134 5.309-5 12-3.499 3.817-8.056 9.802-5 15 3.909 6.649 16.358 6.568 20 0z"
/>
<path
fill="url(#k)"
d="M109.357 33.163c2.925 1.029 6.351 1.046 9.257.05 1.679-6.541-2.996-14.763-4.626-16.213-4.454 5.318-5.714 11.727-4.631 16.163z"
/>
<path
fill="url(#l)"
d="M120 126h-11.989a6 6 0 0 1-6-6V44a6 6 0 0 1 6-6H120a6 6 0 0 1 6 6v76a6 6 0 0 1-6 6z"
/>
<path
fill="url(#m)"
d="M126 48c-1.836 0-2.164 3-4 3s-2.164-4-4-4c-3.789 0-.218 6-4.007 6s-.204-8-3.993-8c-4 0 0 5-4 5-1 0-2.168-2-4-2v-4a6 6 0 0 1 6-6h12a6 6 0 0 1 6 6z"
/>
<path fill="url(#n)" d="m126 71-24-8V53l24 8z" />
<path fill="url(#o)" d="m126 87-24-8V69l24 8z" />
<path fill="url(#p)" d="m126 103-24-8V85l24 8z" />
<path fill="url(#q)" d="m126 120-24-8v-10l24 8z" />
<path fill="url(#r)" d="m81.989 39.002-2-.004.011-6 2 .004z" />
<path
fill="url(#s)"
d="M90.989 29c2.787-5.025-.078-15.314-10-27 0 0 1.134 5.309-5 12-3.499 3.817-8.056 9.802-5 15 3.909 6.649 16.358 6.568 20 0z"
/>
<path
fill="url(#t)"
d="M76.357 33.163c2.925 1.029 6.351 1.046 9.257.05C87.293 26.672 82.618 18.45 80.988 17c-4.454 5.318-5.714 11.727-4.631 16.163z"
/>
<path
fill="url(#u)"
d="M87 126H75.011a6 6 0 0 1-6-6V44a6 6 0 0 1 6-6H87a6 6 0 0 1 6 6v76a6 6 0 0 1-6 6z"
/>
<path
fill="url(#v)"
d="M93 48c-1.836 0-2.164 3-4 3s-2.164-4-4-4c-3.789 0-.218 6-4.007 6s-.204-8-3.993-8c-4 0 0 5-4 5-1 0-2.168-2-4-2v-4a6 6 0 0 1 6-6h12a6 6 0 0 1 6 6z"
/>
<path fill="url(#w)" d="m93 71-24-8V53l24 8z" />
<path fill="url(#x)" d="m93 87-24-8V69l24 8z" />
<path fill="url(#y)" d="m93 103-24-8V85l24 8z" />
<path fill="url(#z)" d="m93 120-24-8v-10l24 8z" />
<path fill="url(#A)" d="m47.989 39.002-2-.004.011-6 2 .004z" />
<path
fill="url(#B)"
d="M56.989 29c2.787-5.025-.078-15.314-10-27 0 0 1.134 5.309-5 12-3.499 3.817-8.056 9.802-5 15 3.909 6.649 16.358 6.568 20 0z"
/>
<path
fill="url(#C)"
d="M42.357 33.163c2.925 1.029 6.351 1.046 9.257.05C53.293 26.672 48.618 18.45 46.988 17c-4.454 5.318-5.714 11.727-4.631 16.163z"
/>
<path
fill="url(#D)"
d="M53 126H41.011a6 6 0 0 1-6-6V44a6 6 0 0 1 6-6H53a6 6 0 0 1 6 6v76a6 6 0 0 1-6 6z"
/>
<path
fill="url(#E)"
d="M59 48c-1.836 0-2.164 3-4 3s-2.164-4-4-4c-3.789 0-.218 6-4.007 6s-.204-8-3.993-8c-4 0 0 5-4 5-1 0-2.168-2-4-2v-4a6 6 0 0 1 6-6h12a6 6 0 0 1 6 6z"
/>
<path fill="url(#F)" d="m59 71-24-8V53l24 8z" />
<path fill="url(#G)" d="m59 87-24-8V69l24 8z" />
<path fill="url(#H)" d="m59 103-24-8V85l24 8z" />
<path fill="url(#I)" d="m59 120-24-8v-10l24 8z" />
<path fill="url(#J)" d="m14.989 39.002-2-.004.011-6 2 .004z" />
<path
fill="url(#K)"
d="M23.989 29c2.787-5.025-.078-15.314-10-27 0 0 1.134 5.309-5 12-3.499 3.817-8.056 9.802-5 15 3.909 6.649 16.358 6.568 20 0z"
/>
<path
fill="url(#L)"
d="M9.357 33.163c2.925 1.029 6.351 1.046 9.257.05C20.293 26.672 15.618 18.45 13.988 17c-4.454 5.318-5.714 11.727-4.631 16.163z"
/>
<path
fill="url(#M)"
d="M20 126H8.011a6 6 0 0 1-6-6V44a6 6 0 0 1 6-6H20a6 6 0 0 1 6 6v76a6 6 0 0 1-6 6z"
/>
<path
fill="url(#N)"
d="M26 48c-1.836 0-2.164 3-4 3s-2.164-4-4-4c-3.789 0-.218 6-4.007 6s-.204-8-3.993-8c-4 0 0 5-4 5-1 0-2.168-2-4-2v-4a6 6 0 0 1 6-6h12a6 6 0 0 1 6 6z"
/>
<path fill="url(#O)" d="M26 71 2 63V53l24 8z" />
<path fill="url(#P)" d="M26 87 2 79V69l24 8z" />
<path fill="url(#Q)" d="M26 103 2 95V85l24 8z" />
<path fill="url(#R)" d="m26 120-24-8v-10l24 8z" />
</svg>
More icons in the same style and category