Beta

Christmas Tree SVG icon, line

Free

Three triangular tiers form a tree above a short trunk. It works on winter market posters and holiday activity sheets.

Sign in to download. Free SVGs are free with any account.

christmastreeholidaywinterholidaysiconline

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/2hB53TtwN5_9/amnt.svg" alt="Christmas Tree" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m12 2 4 6h-2l4 5h-2l4 6H4l4-6H6l4-5H8l4-6Z"/><path d="M10 19v3h4v-3"/></svg>
CSS background-image
.christmas-tree {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/2hB53TtwN5_9/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.christmas-tree {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/2hB53TtwN5_9/amnt.svg") center / contain no-repeat;
}
React
import ChristmasTreeSvg from "./christmas-tree.jsx"; // from the React tab above

<ChristmasTreeSvg width={48} height={48} />

Made with AMNT

AMNT SVG 1.1 drew this from the words Christmas Tree: Three stacked triangular branch tiers above a short trunk. as part of the pack Holidays and Events Icons, Line. Want one like it? Make your own in the SVG studio.

Rest of Holidays and Events Icons, Line

Whole pack

Similar SVGs

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence