Add icons to this collection by clicking the heart icon.
Christmas Tree icon - also known as christmas, 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 55 55"
>
<style>
.st6 {
fill: url(#SVGID_7_);
}
.st7 {
fill: url(#SVGID_8_);
}
.st8 {
fill: url(#SVGID_9_);
}
.st9 {
fill: url(#SVGID_10_);
}
.st10 {
fill: url(#SVGID_11_);
}
.st11 {
fill: url(#SVGID_12_);
}
.st12 {
fill: url(#SVGID_13_);
}
.st13 {
fill: url(#SVGID_14_);
}
.st14 {
fill: url(#SVGID_15_);
}
.st15 {
fill: url(#SVGID_16_);
}
.st16 {
fill: url(#SVGID_17_);
}
.st17 {
fill: url(#SVGID_18_);
}
.st18 {
fill: url(#SVGID_19_);
}
.st19 {
fill: url(#SVGID_20_);
}
.st20 {
fill: url(#SVGID_21_);
}
.st21 {
fill: url(#SVGID_22_);
}
.st22 {
fill: url(#SVGID_23_);
}
.st23 {
fill: url(#SVGID_24_);
}
.st24 {
fill: url(#SVGID_25_);
}
.st25 {
fill: url(#SVGID_26_);
}
.st26 {
fill: url(#SVGID_27_);
}
.st27 {
fill: url(#SVGID_28_);
}
.st28 {
fill: url(#SVGID_29_);
}
.st29 {
fill: url(#SVGID_30_);
}
.st30 {
fill: url(#SVGID_31_);
}
.st31 {
fill: url(#SVGID_32_);
}
.st32 {
fill: url(#SVGID_33_);
}
.st33 {
fill: url(#SVGID_34_);
}
.st34 {
fill: url(#SVGID_35_);
}
.st35 {
fill: url(#SVGID_36_);
}
.st36 {
fill: url(#SVGID_37_);
}
.st37 {
fill: url(#SVGID_38_);
}
.st38 {
fill: url(#SVGID_39_);
}
.st39 {
fill: url(#SVGID_40_);
}
.st40 {
fill: url(#SVGID_41_);
}
.st41 {
fill: url(#SVGID_42_);
}
.st42 {
fill: url(#SVGID_43_);
}
.st43 {
fill: url(#SVGID_44_);
}
.st44 {
fill: url(#SVGID_45_);
}
.st45 {
fill: url(#SVGID_46_);
}
.st46 {
fill: url(#SVGID_47_);
}
.st47 {
fill: url(#SVGID_48_);
}
.st48 {
fill: url(#SVGID_49_);
}
.st49 {
fill: url(#SVGID_50_);
}
.st50 {
fill: url(#SVGID_51_);
}
.st51 {
fill: url(#SVGID_52_);
}
.st52 {
fill: url(#SVGID_53_);
}
.st53 {
fill: url(#SVGID_54_);
}
.st54 {
fill: url(#SVGID_55_);
}
.st55 {
fill: url(#SVGID_56_);
}
.st56 {
fill: url(#SVGID_57_);
}
.st57 {
fill: url(#SVGID_58_);
}
.st58 {
fill: url(#SVGID_59_);
}
.st59 {
fill: url(#SVGID_60_);
}
.st60 {
fill: url(#SVGID_61_);
}
.st61 {
fill: url(#SVGID_62_);
}
.st62 {
fill: url(#SVGID_63_);
}
.st63 {
fill: url(#SVGID_64_);
}
.st64 {
fill: url(#SVGID_65_);
}
.st65 {
fill: url(#SVGID_66_);
}
.st66 {
fill: url(#SVGID_67_);
}
.st67 {
fill: url(#SVGID_68_);
}
.st68 {
fill: url(#SVGID_69_);
}
.st69 {
fill: url(#SVGID_70_);
}
.st70 {
fill: url(#SVGID_71_);
}
.st71 {
fill: url(#SVGID_72_);
}
.st72 {
fill: url(#SVGID_73_);
}
.st73 {
fill: url(#SVGID_74_);
}
.st74 {
fill: url(#SVGID_75_);
}
.st75 {
fill: url(#SVGID_76_);
}
.st76 {
fill: url(#SVGID_77_);
}
.st77 {
fill: url(#SVGID_78_);
}
.st78 {
fill: url(#SVGID_79_);
}
.st79 {
fill: url(#SVGID_80_);
}
.st80 {
fill: url(#SVGID_81_);
}
.st81 {
fill: url(#SVGID_82_);
}
.st82 {
fill: url(#SVGID_83_);
}
</style>
<g id="_x30_1_Christmas_Tree">
<linearGradient
id="SVGID_1_"
x1=".074"
x2="54.202"
y1="31.714"
y2="31.714"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#dafea4" />
<stop offset="1" stop-color="#f254a8" />
</linearGradient>
<path
d="m44.18 48.47-5.95-12.83h.27c.36 0 .68-.18.86-.49.18-.3.19-.67.03-.98l-6.31-11.76h1.31c.36 0 .69-.2.87-.5.18-.31.18-.69 0-1L28.37 8.92c-.36-.63-1.38-.63-1.74 0l-6.89 11.99c-.18.31-.18.69 0 1 .18.3.51.5.87.5h1.31l-6.31 11.76c-.16.31-.15.68.03.98.18.31.5.49.86.49h.27l-5.95 12.83a.995.995 0 0 0 .91 1.42h11.72v4.09c0 .55.44 1 1 1h6.1c.56 0 1-.45 1-1v-4.09h11.72a.995.995 0 0 0 .91-1.42zm-14.63 4.51h-4.1v-3.09h4.1v3.09zm-16.26-5.09 5.69-12.25h7.5c.55 0 1-.45 1-1s-.45-1-1-1h-8.31l6.02-11.23h2.29c.55 0 1-.45 1-1 0-.56-.45-1-1-1h-4.14l5.16-8.99 5.16 8.99h-1.25a.99.99 0 0 0-.86.48c-.18.3-.19.68-.03.99l6.31 11.76h-1.19c-.55 0-1 .45-1 1s.45 1 1 1h.38l5.69 12.25H13.29z"
fill="url(#SVGID_1_)"
/>
<linearGradient
id="SVGID_2_"
x1=".074"
x2="54.202"
y1="3.72"
y2="3.72"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#dafea4" />
<stop offset="1" stop-color="#f254a8" />
</linearGradient>
<path
d="m30.93 3.89-1.17.85.45 1.37c.13.41-.02.86-.37 1.12-.17.12-.38.19-.59.19-.2 0-.41-.07-.58-.19l-1.17-.85-1.17.85c-.35.25-.82.25-1.17 0-.35-.26-.5-.71-.37-1.12l.45-1.37-1.17-.85c-.35-.26-.49-.71-.36-1.12a1 1 0 0 1 .95-.69h1.44l.45-1.37a1 1 0 0 1 1.9 0l.45 1.37h1.44a1 1 0 0 1 .95.69c.13.41-.01.86-.36 1.12z"
fill="url(#SVGID_2_)"
/>
<linearGradient
id="SVGID_3_"
x1=".074"
x2="54.202"
y1="19.37"
y2="19.37"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#dafea4" />
<stop offset="1" stop-color="#f254a8" />
</linearGradient>
<path
d="M30.54 19.37c0 .55-.45 1-1 1h-1.02c-.55 0-1-.45-1-1s.45-1 1-1h1.02c.55 0 1 .45 1 1z"
fill="url(#SVGID_3_)"
/>
<linearGradient
id="SVGID_4_"
x1=".074"
x2="54.202"
y1="32.6"
y2="32.6"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#dafea4" />
<stop offset="1" stop-color="#f254a8" />
</linearGradient>
<path
d="M33.59 32.6c0 .56-.45 1-1 1h-3.05c-.56 0-1-.44-1-1 0-.55.44-1 1-1h3.05c.55 0 1 .45 1 1z"
fill="url(#SVGID_4_)"
/>
<linearGradient
id="SVGID_5_"
x1=".074"
x2="54.202"
y1="45.84"
y2="45.84"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#dafea4" />
<stop offset="1" stop-color="#f254a8" />
</linearGradient>
<path
d="M22.39 45.84c0 .55-.45 1-1 1h-4.07c-.55 0-1-.45-1-1s.45-1 1-1h4.07c.55 0 1 .45 1 1z"
fill="url(#SVGID_5_)"
/>
<linearGradient
id="SVGID_6_"
x1=".074"
x2="54.202"
y1="44.82"
y2="44.82"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#dafea4" />
<stop offset="1" stop-color="#f254a8" />
</linearGradient>
<path
d="M37.66 44.82c0 .55-.45 1-1 1h-4.07c-.55 0-1-.45-1-1s.45-1 1-1h4.07c.55 0 1 .45 1 1z"
fill="url(#SVGID_6_)"
/>
</g>
</svg>
More icons in the same style and category