Add icons to this collection by clicking the heart icon.
Christmas Tree icon - also known as christmas, noel, christmas tree, decoration, xmas, and pine tree. 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 64 64"
>
<linearGradient id="a">
<stop offset="0" stop-color="#f8664f" />
<stop offset=".5" stop-color="#fcbc04" />
<stop offset="1" stop-color="#aad61a" />
</linearGradient>
<linearGradient
id="b"
x1="32"
x2="32"
y1="1.128"
y2="63.305"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="34"
x2="34"
y1="1.128"
y2="63.305"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="24.5"
x2="24.5"
y1="1.128"
y2="63.305"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="29"
x2="29"
y1="1.128"
y2="63.305"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="27"
x2="27"
y1="1.128"
y2="63.305"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="33"
x2="33"
y1="1.128"
y2="63.305"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="37"
x2="37"
y1="1.128"
y2="63.305"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="31"
x2="31"
y1="1.128"
y2="63.305"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="40"
x2="40"
y1="1.128"
y2="63.305"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="35"
x2="35"
y1="1.128"
y2="63.305"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="42"
x2="42"
y1="1.128"
y2="63.305"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="30"
x2="30"
y1="1.128"
y2="63.305"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="24"
x2="24"
y1="1.128"
y2="63.305"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="25"
x2="25"
y1="1.128"
y2="63.305"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="9"
x2="9"
y1="1.128"
y2="63.305"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="q"
x1="18"
x2="18"
y1="1.128"
y2="63.305"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="r"
x1="59"
x2="59"
y1="1.128"
y2="63.305"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="s"
x1="51"
x2="51"
y1="1.128"
y2="63.305"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="t"
x1="50.724"
x2="50.724"
y1="1.128"
y2="63.305"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="u"
x1="10.724"
x2="10.724"
y1="1.128"
y2="63.305"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M25.109 11.484a.134.134 0 0 1 .032.137l-1.248 3.745a2.1 2.1 0 0 0 .491 2.137l-2.183 2.895A.999.999 0 0 0 23 22h2.586l-7.293 7.293A1 1 0 0 0 19 31h2.773l-6.521 7.335A1.002 1.002 0 0 0 16 40h2.773l-6.521 7.335A1.002 1.002 0 0 0 13 49h3.483l-2.402 5.606a.998.998 0 0 0 .143 1.024.994.994 0 0 0 .973.351L24 54.22V57a1 1 0 0 0 1.394.919L27 57.231V61c0 1.654 1.346 3 3 3h4c1.654 0 3-1.346 3-3v-3.769l1.606.688A1 1 0 0 0 40 57v-2.78l8.804 1.761a1 1 0 0 0 1.116-1.375L47.517 49H51a1 1 0 0 0 .747-1.664L45.227 40H48a1 1 0 0 0 .747-1.664L42.227 31H45a1.002 1.002 0 0 0 .707-1.707L38.414 22H41a1 1 0 0 0 .798-1.602L39.6 17.483a2.098 2.098 0 0 0 .474-2.117l-1.248-3.745a.135.135 0 0 1 .032-.137l2.483-2.482a2.125 2.125 0 0 0 .523-2.161 2.125 2.125 0 0 0-1.681-1.454l-4.115-.686a.134.134 0 0 1-.093-.063l-2.161-3.601C33.425.388 32.741 0 31.984 0s-1.441.388-1.83 1.036l-2.16 3.601a.136.136 0 0 1-.094.064l-4.114.686a2.125 2.125 0 0 0-1.682 1.454 2.129 2.129 0 0 0 .523 2.161zM35 61c0 .551-.449 1-1 1h-4c-.551 0-1-.449-1-1v-4.626l3-1.286 3 1.286zm1-41a1.002 1.002 0 0 0-.707 1.707l1.979 1.979a33.921 33.921 0 0 1-2.913 2.727 1 1 0 1 0 1.284 1.534 36.03 36.03 0 0 0 3.045-2.846L42.586 29H40a1 1 0 0 0-.747 1.664l2.023 2.276a69.168 69.168 0 0 1-4.825 3.474 1 1 0 0 0 1.098 1.671 70.52 70.52 0 0 0 5.057-3.648L45.773 38H43a1 1 0 0 0-.747 1.664l2.048 2.304a46.653 46.653 0 0 1-4.817 3.325 1 1 0 1 0 1.033 1.712 48.394 48.394 0 0 0 5.114-3.541L48.773 47H46a1 1 0 0 0-.919 1.394l2.251 5.252-8.136-1.627A.998.998 0 0 0 38 53v2.483l-5.606-2.402a.999.999 0 0 0-.788 0L26 55.483V53a.998.998 0 0 0-1.196-.98l-8.136 1.627 2.251-5.252A.998.998 0 0 0 18 47h-2.773l6.521-7.335A1.002 1.002 0 0 0 21 38h-2.773l6.521-7.335A1.002 1.002 0 0 0 24 29h-2.586l7.293-7.293A1 1 0 0 0 28 20h-2.994l1.428-1.895c.109-.028.218-.057.325-.102l5.171-2.216a.13.13 0 0 1 .106 0l5.171 2.216c.115.049.234.066.351.095L38.994 20zM24.114 7.36l4.115-.686a2.131 2.131 0 0 0 1.479-1.007l2.161-3.602c.009-.016.039-.065.115-.065s.105.049.115.065l2.161 3.602a2.13 2.13 0 0 0 1.479 1.007l4.116.686c.022.004.081.014.105.091.025.078-.017.12-.033.136l-2.483 2.483a2.124 2.124 0 0 0-.516 2.184l1.248 3.745c.008.024.028.083-.036.142s-.121.034-.144.024l-5.172-2.216a2.142 2.142 0 0 0-1.681 0l-5.172 2.216c-.024.01-.08.035-.144-.025a.121.121 0 0 1-.037-.141l1.248-3.745a2.122 2.122 0 0 0-.516-2.184l-2.483-2.483c-.016-.016-.058-.058-.033-.136.027-.077.085-.087.108-.091z"
/>
<path
fill="url(#c)"
d="M35.565 47.416a46.706 46.706 0 0 1-3.916 1.678 1 1 0 1 0 .702 1.873 48.632 48.632 0 0 0 4.084-1.75.998.998 0 0 0 .465-1.335.998.998 0 0 0-1.335-.466z"
/>
<path
fill="url(#d)"
d="M25.613 42.254c-.991.417-1.982.8-2.947 1.141a1 1 0 1 0 .667 1.885c1-.354 2.028-.752 3.054-1.183a1 1 0 1 0-.774-1.843z"
/>
<path
fill="url(#b)"
d="M33.49 38.263a68.654 68.654 0 0 1-3.942 2.166 1 1 0 0 0 .904 1.784 71.12 71.12 0 0 0 4.058-2.229 1 1 0 0 0-1.02-1.721z"
/>
<path
fill="url(#e)"
d="M26.001 34c.15 0 .303-.034.446-.105a49.964 49.964 0 0 0 6.123-3.616 1 1 0 1 0-1.141-1.643 48 48 0 0 1-5.877 3.47A1 1 0 0 0 26.001 34z"
/>
<circle cx="27" cy="27" r="1" fill="url(#f)" />
<circle cx="33" cy="23" r="1" fill="url(#g)" />
<circle cx="37" cy="33" r="1" fill="url(#h)" />
<circle cx="31" cy="36" r="1" fill="url(#i)" />
<circle cx="40" cy="40" r="1" fill="url(#j)" />
<circle cx="35" cy="43" r="1" fill="url(#k)" />
<circle cx="42" cy="49" r="1" fill="url(#l)" />
<circle cx="30" cy="46" r="1" fill="url(#m)" />
<circle cx="24" cy="49" r="1" fill="url(#n)" />
<circle cx="25" cy="39" r="1" fill="url(#o)" />
<path
fill="url(#p)"
d="M7 8h1v1a1 1 0 0 0 2 0V8h1a1 1 0 0 0 0-2h-1V5a1 1 0 0 0-2 0v1H7a1 1 0 0 0 0 2z"
/>
<path
fill="url(#q)"
d="M16 18h1v1a1 1 0 0 0 2 0v-1h1a1 1 0 0 0 0-2h-1v-1a1 1 0 0 0-2 0v1h-1a1 1 0 0 0 0 2z"
/>
<path
fill="url(#r)"
d="M56 23a1 1 0 0 0 1 1h1v1a1 1 0 0 0 2 0v-1h1a1 1 0 0 0 0-2h-1v-1a1 1 0 0 0-2 0v1h-1a1 1 0 0 0-1 1z"
/>
<path
fill="url(#s)"
d="M49 6h1v1a1 1 0 0 0 2 0V6h1a1 1 0 0 0 0-2h-1V3a1 1 0 0 0-2 0v1h-1a1 1 0 0 0 0 2z"
/>
<path
fill="url(#t)"
d="m45.169 18.385 2.833 1.889 1.889 2.833a1.001 1.001 0 0 0 1.664 0l1.889-2.833 2.833-1.889a1.001 1.001 0 0 0 0-1.664l-2.833-1.889-1.889-2.833c-.371-.557-1.293-.557-1.664 0l-1.889 2.833-2.833 1.889a1.001 1.001 0 0 0 0 1.664zm4.109-2a.987.987 0 0 0 .277-.277l1.168-1.752 1.168 1.752c.073.11.167.204.277.277l1.752 1.168-1.752 1.168a.987.987 0 0 0-.277.277l-1.168 1.752-1.168-1.752a.987.987 0 0 0-.277-.277l-1.752-1.168z"
/>
<path
fill="url(#u)"
d="m5.169 26.385 2.833 1.889 1.889 2.833a1.001 1.001 0 0 0 1.664 0l1.889-2.833 2.833-1.889a1.001 1.001 0 0 0 0-1.664l-2.833-1.889-1.889-2.833c-.371-.557-1.293-.557-1.664 0l-1.889 2.833-2.833 1.889a1.001 1.001 0 0 0 0 1.664zm4.109-2a.987.987 0 0 0 .277-.277l1.168-1.752 1.168 1.752c.073.11.167.204.277.277l1.752 1.168-1.752 1.168a.987.987 0 0 0-.277.277l-1.168 1.752-1.168-1.752a.987.987 0 0 0-.277-.277l-1.752-1.168z"
/>
</svg>
More icons in the same style and category