Add icons to this collection by clicking the heart icon.
Candle icon - also known as candle, birthday, flame, 17, and birthday and party. Created in a clean gradient 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 512 512"
>
<linearGradient id="a">
<stop offset="0" stop-color="#fff" />
<stop offset=".065" stop-color="#fdfdfe" />
<stop offset=".514" stop-color="#f1f4f6" />
<stop offset=".978" stop-color="#dfeaef" />
</linearGradient>
<radialGradient
id="j"
cx="103.777"
cy="119.259"
r="36.814"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset=".1" stop-color="#d0e2e7" />
<stop offset=".539" stop-color="#9bb9c1" />
<stop offset="1" stop-color="#738b95" />
</linearGradient>
<radialGradient
id="k"
cx="136.835"
cy="132.741"
r="37.487"
gradientTransform="matrix(0 1 -.519 0 205.739 -4.094)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#fbf4af" />
<stop offset=".381" stop-color="#faf184" />
<stop offset=".65" stop-color="#f9ef63" />
<stop offset=".811" stop-color="#f8ec52" />
<stop offset="1" stop-color="#f6e738" />
</linearGradient>
<radialGradient
id="l"
cx="83.494"
cy="93.918"
r="36.385"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#fffbe4" />
<stop offset=".554" stop-color="#fff9c1" />
<stop offset="1" stop-color="#fbf4af" />
</linearGradient>
<radialGradient
id="m"
cx="88.153"
cy="20.012"
r="69.242"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#f9ef63" />
<stop offset=".16" stop-color="#f7ec5d" />
<stop offset=".375" stop-color="#f3e44c" />
<stop offset=".597" stop-color="#ecd833" />
<stop offset="1" stop-color="#e49824" />
</linearGradient>
<radialGradient
id="n"
cx="156.653"
cy="37.209"
r="96.289"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient id="f">
<stop offset=".099" stop-color="#dd5790" />
<stop offset=".539" stop-color="#d80a61" />
<stop offset="1" stop-color="#a51f6b" />
</linearGradient>
<radialGradient
id="o"
cx="157.182"
cy="71.922"
r="74.127"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<radialGradient
id="p"
cx="359.777"
cy="119.259"
r="36.814"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="q"
cx="392.835"
cy="132.741"
r="37.487"
gradientTransform="matrix(0 1 -.519 0 461.739 -260.094)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="r"
cx="339.494"
cy="93.918"
r="36.385"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="s"
cx="344.153"
cy="20.012"
r="69.242"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<radialGradient
id="t"
cx="412.653"
cy="37.209"
r="96.289"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<radialGradient
id="u"
cx="413.182"
cy="71.922"
r="74.127"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient id="g">
<stop offset="0" stop-color="#b1e4f9" />
<stop offset=".487" stop-color="#86d4f9" />
<stop offset=".665" stop-color="#75cef9" />
<stop offset="1" stop-color="#6bbef6" />
</linearGradient>
<radialGradient
id="v"
cx="16.294"
cy="464.294"
r="80.561"
gradientUnits="userSpaceOnUse"
href="#g"
/>
<linearGradient id="h">
<stop offset="0" stop-color="#f4fbff" />
<stop offset=".514" stop-color="#d3effb" />
<stop offset="1" stop-color="#b1e4f9" />
</linearGradient>
<radialGradient
id="w"
cx="35.777"
cy="425.33"
r="67.545"
gradientUnits="userSpaceOnUse"
href="#h"
/>
<radialGradient
id="x"
cx="38.953"
cy="382.341"
r="283.211"
gradientUnits="userSpaceOnUse"
href="#g"
/>
<radialGradient
id="y"
cx="27.306"
cy="178.53"
r="65.81"
gradientUnits="userSpaceOnUse"
href="#h"
/>
<radialGradient
id="z"
cx="32.812"
cy="154.977"
r="66.647"
gradientTransform="matrix(1 0 0 .488 0 79.417)"
gradientUnits="userSpaceOnUse"
href="#h"
/>
<radialGradient
id="A"
cx="285.235"
cy="405.847"
r="238.36"
gradientUnits="userSpaceOnUse"
href="#g"
/>
<radialGradient
id="B"
cx="242.459"
cy="165.283"
r="124.816"
gradientUnits="userSpaceOnUse"
href="#h"
/>
<linearGradient id="i">
<stop offset="0" stop-color="#75cef9" />
<stop offset=".171" stop-color="#72c8f7" />
<stop offset=".4" stop-color="#68b7f2" />
<stop offset=".578" stop-color="#5ea5ec" />
<stop offset="1" stop-color="#4a81f6" />
</linearGradient>
<radialGradient
id="C"
cx="229.012"
cy="293.188"
r="271.696"
gradientTransform="matrix(0 1 -.601 0 405.108 64.177)"
gradientUnits="userSpaceOnUse"
href="#i"
/>
<radialGradient
id="D"
cx="446.553"
cy="254.435"
r="237.929"
gradientTransform="matrix(.142 .99 -.708 .101 563.611 -213.386)"
gradientUnits="userSpaceOnUse"
href="#i"
/>
<radialGradient
id="E"
cx="392.044"
cy="3072.421"
r="211.111"
gradientTransform="matrix(.931 0 0 .113 -111.68 140.079)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d3effb" />
<stop offset=".143" stop-color="#def3fc" />
<stop offset=".496" stop-color="#f4fbff" />
<stop offset=".888" stop-color="#fff" />
</radialGradient>
<path fill="url(#j)" d="M102.4 115.2H128v51.2h-25.6z" />
<path fill="url(#k)" d="M128 115.2h12.8v51.2H128z" />
<path
fill="url(#l)"
d="M128 76.8 64.211 89.6c2.141 21.561 20.331 38.4 42.456 38.4h29.867c-8.561 0-9.023-29.69-8.534-51.2z"
/>
<path
fill="url(#m)"
d="M136.533 0h-29.867C106.667 0 64 61.769 64 85.333c0 1.44.072 2.863.211 4.267h61.911C126.98 51.896 136.533 0 136.533 0z"
/>
<path
fill="url(#n)"
d="M179.2 85.333c0 23.564-19.103 42.667-42.667 42.667s-42.667-19.103-42.667-42.667S136.533 0 136.533 0 179.2 61.769 179.2 85.333z"
/>
<path
fill="url(#o)"
d="M157.867 93.867c0 11.782-9.551 21.333-21.333 21.333S115.2 105.649 115.2 93.867 136.533 51.2 136.533 51.2s21.334 30.885 21.334 42.667z"
/>
<path fill="url(#p)" d="M358.4 115.2H384v51.2h-25.6z" />
<path fill="url(#q)" d="M384 115.2h12.8v51.2H384z" />
<path
fill="url(#r)"
d="m384 76.8-63.789 12.8c2.141 21.561 20.331 38.4 42.456 38.4h29.867c-8.561 0-9.023-29.69-8.534-51.2z"
/>
<path
fill="url(#s)"
d="M392.533 0h-29.867s-42.667 61.769-42.667 85.333c0 1.44.072 2.863.211 4.267h61.911C382.98 51.896 392.533 0 392.533 0z"
/>
<path
fill="url(#t)"
d="M435.2 85.333c0 23.564-19.103 42.667-42.667 42.667s-42.667-19.103-42.667-42.667S392.533 0 392.533 0 435.2 61.769 435.2 85.333z"
/>
<path
fill="url(#u)"
d="M413.867 93.867c0 11.782-9.551 21.333-21.333 21.333S371.2 105.649 371.2 93.867 392.533 51.2 392.533 51.2s21.334 30.885 21.334 42.667z"
/>
<path fill="url(#v)" d="M0 460.8h76.8v25.6H0z" />
<path fill="url(#w)" d="M38.4 435.2 0 460.8h76.8l38.4-25.6z" />
<path fill="url(#x)" d="M38.4 217.6h76.8v217.6H38.4z" />
<path fill="url(#y)" d="M12.8 179.2h76.8v38.4H12.8z" />
<path
fill="url(#z)"
d="M12.8 179.2h7.518c9.987 0 18.082-8.096 18.082-18.082V153.6h76.8v7.518c0 9.987-8.096 18.082-18.082 18.082H89.6z"
/>
<path fill="url(#A)" d="m230.4 486.4 115.2-256h76.8l-115.2 256z" />
<path fill="url(#B)" d="M230.4 153.6h76.8v76.8h-76.8z" />
<path
fill="url(#C)"
d="M192 435.2V153.6h-76.8v7.518c0 9.987-8.096 18.082-18.082 18.082H89.6v38.4h25.6v217.6l-38.4 25.6v25.6h153.6v-25.6z"
/>
<path
fill="url(#D)"
d="M307.2 153.6v76.8h115.2l-115.2 256h89.6l115.2-256v-76.8z"
/>
<path
fill="url(#E)"
d="M256 512c113.107 0 204.798-11.351 204.798-25.353H51.202C51.202 500.649 142.893 512 256 512z"
/>
</svg>
More icons in the same style and category