christmas tree emoji

christmas-tree from Emoji One (Colored) by Emoji One · Default · Activities · CC-BY-4.0 Attribution required.

Name
christmas-tree
Set
Emoji One (Colored)
Style
Default
Category
Activities
Viewbox
64×64
License
CC BY 4.0

The same emoji in other sets

christmas-treeFluent Emojichristmas-treeFluent Emoji Flatchristmas-treeFluent Emoji High Contrastchristmas-treeIconParkchristmas-treeIconPark Outlinechristmas-treeIconPark Solidchristmas-treeIconPark TwoTonechristmas-treeNoto Emojichristmas-treeOpenMojichristmas-treeStreamline Emojischristmas-treeTabler Iconschristmas-treeTwitter Emoji

More activities icons from Emoji One (Colored)

1st-place-medal2nd-place-medal3rd-place-medaladmission-ticketsamerican-footballartist-palettebadmintonballoonbaseballbasketballbow-and-arrowbowlingboxing-glovecarp-streamercircus-tentclapper-boardconfetti-ballcricket-gamecrystal-balldirect-hitdrumfield-hockeyfireworksfishing-pole

Use the christmas tree emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#d3976e" d="M36.4 62h-8.8l1.9-20.8h5z"/><path fill="#699635" d="M62 48.7C42.9 48.7 32 17 32 17S21.1 48.7 2 48.7c0 0 9.3 6.5 18.7-1.7c0 0-2.4 5.6-5.6 12.1c0 0 7.3.9 12.3-11.2c1 3.5 2.4 7.4 4.6 11.2c2.1-3.8 3.6-7.7 4.6-11.2c5 12 12.3 11.2 12.3 11.2c-3.2-6.4-5.6-12.1-5.6-12.1c9.4 8.2 18.7 1.7 18.7 1.7"/><path fill="#75a843" d="M52 33.4c-12.7 0-20-21.2-20-21.2s-7.3 21.2-20 21.2c0 0 6.2 4.3 12.5-1.1c0 0-1.6 3.7-3.7 8c0 0 4.9.6 8.2-7.5c.6 2.3 1.6 4.9 3 7.5c1.4-2.5 2.4-5.2 3-7.5c3.3 8 8.2 7.5 8.2 7.5c-2.1-4.3-3.7-8-3.7-8c6.3 5.4 12.5 1.1 12.5 1.1"/><path fill="#83bf4f" d="M45.3 23.2C36.9 23.2 32 9.1 32 9.1s-4.9 14.1-13.3 14.1c0 0 4.1 2.9 8.3-.7c0 0-1.1 2.5-2.5 5.4c0 0 3.3.4 5.5-5c.4 1.5 1.1 3.3 2 5c.9-1.7 1.6-3.4 2-5c2.2 5.4 5.5 5 5.5 5c-1.4-2.9-2.5-5.4-2.5-5.4c4.2 3.6 8.3.7 8.3.7"/><path fill="#ffce31" d="m32 2l2 4l4.4.6l-3.2 3.1l.7 4.4L32 12l-3.9 2.1l.7-4.4l-3.2-3.1L30 6z"/><circle cx="32" cy="21.4" r="3.3" fill="#ed4c5c"/><circle cx="32" cy="40.6" r="3.3" fill="#f2b200"/><circle cx="38.7" cy="30.9" r="3.3" fill="#9450e0"/><circle cx="25.9" cy="30.9" r="3.3" fill="#6aced8"/><circle cx="20.2" cy="47" r="3.3" fill="#83bf4f"/><circle cx="41.2" cy="47.2" r="3.3" fill="#ff717f"/></svg>

React

import type { SVGProps } from "react";

export function EmojioneChristmasTree(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#d3976e" d="M36.4 62h-8.8l1.9-20.8h5z"/><path fill="#699635" d="M62 48.7C42.9 48.7 32 17 32 17S21.1 48.7 2 48.7c0 0 9.3 6.5 18.7-1.7c0 0-2.4 5.6-5.6 12.1c0 0 7.3.9 12.3-11.2c1 3.5 2.4 7.4 4.6 11.2c2.1-3.8 3.6-7.7 4.6-11.2c5 12 12.3 11.2 12.3 11.2c-3.2-6.4-5.6-12.1-5.6-12.1c9.4 8.2 18.7 1.7 18.7 1.7"/><path fill="#75a843" d="M52 33.4c-12.7 0-20-21.2-20-21.2s-7.3 21.2-20 21.2c0 0 6.2 4.3 12.5-1.1c0 0-1.6 3.7-3.7 8c0 0 4.9.6 8.2-7.5c.6 2.3 1.6 4.9 3 7.5c1.4-2.5 2.4-5.2 3-7.5c3.3 8 8.2 7.5 8.2 7.5c-2.1-4.3-3.7-8-3.7-8c6.3 5.4 12.5 1.1 12.5 1.1"/><path fill="#83bf4f" d="M45.3 23.2C36.9 23.2 32 9.1 32 9.1s-4.9 14.1-13.3 14.1c0 0 4.1 2.9 8.3-.7c0 0-1.1 2.5-2.5 5.4c0 0 3.3.4 5.5-5c.4 1.5 1.1 3.3 2 5c.9-1.7 1.6-3.4 2-5c2.2 5.4 5.5 5 5.5 5c-1.4-2.9-2.5-5.4-2.5-5.4c4.2 3.6 8.3.7 8.3.7"/><path fill="#ffce31" d="m32 2l2 4l4.4.6l-3.2 3.1l.7 4.4L32 12l-3.9 2.1l.7-4.4l-3.2-3.1L30 6z"/><circle cx="32" cy="21.4" r="3.3" fill="#ed4c5c"/><circle cx="32" cy="40.6" r="3.3" fill="#f2b200"/><circle cx="38.7" cy="30.9" r="3.3" fill="#9450e0"/><circle cx="25.9" cy="30.9" r="3.3" fill="#6aced8"/><circle cx="20.2" cy="47" r="3.3" fill="#83bf4f"/><circle cx="41.2" cy="47.2" r="3.3" fill="#ff717f"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#d3976e" d="M36.4 62h-8.8l1.9-20.8h5z"/><path fill="#699635" d="M62 48.7C42.9 48.7 32 17 32 17S21.1 48.7 2 48.7c0 0 9.3 6.5 18.7-1.7c0 0-2.4 5.6-5.6 12.1c0 0 7.3.9 12.3-11.2c1 3.5 2.4 7.4 4.6 11.2c2.1-3.8 3.6-7.7 4.6-11.2c5 12 12.3 11.2 12.3 11.2c-3.2-6.4-5.6-12.1-5.6-12.1c9.4 8.2 18.7 1.7 18.7 1.7"/><path fill="#75a843" d="M52 33.4c-12.7 0-20-21.2-20-21.2s-7.3 21.2-20 21.2c0 0 6.2 4.3 12.5-1.1c0 0-1.6 3.7-3.7 8c0 0 4.9.6 8.2-7.5c.6 2.3 1.6 4.9 3 7.5c1.4-2.5 2.4-5.2 3-7.5c3.3 8 8.2 7.5 8.2 7.5c-2.1-4.3-3.7-8-3.7-8c6.3 5.4 12.5 1.1 12.5 1.1"/><path fill="#83bf4f" d="M45.3 23.2C36.9 23.2 32 9.1 32 9.1s-4.9 14.1-13.3 14.1c0 0 4.1 2.9 8.3-.7c0 0-1.1 2.5-2.5 5.4c0 0 3.3.4 5.5-5c.4 1.5 1.1 3.3 2 5c.9-1.7 1.6-3.4 2-5c2.2 5.4 5.5 5 5.5 5c-1.4-2.9-2.5-5.4-2.5-5.4c4.2 3.6 8.3.7 8.3.7"/><path fill="#ffce31" d="m32 2l2 4l4.4.6l-3.2 3.1l.7 4.4L32 12l-3.9 2.1l.7-4.4l-3.2-3.1L30 6z"/><circle cx="32" cy="21.4" r="3.3" fill="#ed4c5c"/><circle cx="32" cy="40.6" r="3.3" fill="#f2b200"/><circle cx="38.7" cy="30.9" r="3.3" fill="#9450e0"/><circle cx="25.9" cy="30.9" r="3.3" fill="#6aced8"/><circle cx="20.2" cy="47" r="3.3" fill="#83bf4f"/><circle cx="41.2" cy="47.2" r="3.3" fill="#ff717f"/></svg>
</template>

CSS

.icon-christmas-tree {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cpath%20fill%3D%22%23d3976e%22%20d%3D%22M36.4%2062h-8.8l1.9-20.8h5z%22%2F%3E%3Cpath%20fill%3D%22%23699635%22%20d%3D%22M62%2048.7C42.9%2048.7%2032%2017%2032%2017S21.1%2048.7%202%2048.7c0%200%209.3%206.5%2018.7-1.7c0%200-2.4%205.6-5.6%2012.1c0%200%207.3.9%2012.3-11.2c1%203.5%202.4%207.4%204.6%2011.2c2.1-3.8%203.6-7.7%204.6-11.2c5%2012%2012.3%2011.2%2012.3%2011.2c-3.2-6.4-5.6-12.1-5.6-12.1c9.4%208.2%2018.7%201.7%2018.7%201.7%22%2F%3E%3Cpath%20fill%3D%22%2375a843%22%20d%3D%22M52%2033.4c-12.7%200-20-21.2-20-21.2s-7.3%2021.2-20%2021.2c0%200%206.2%204.3%2012.5-1.1c0%200-1.6%203.7-3.7%208c0%200%204.9.6%208.2-7.5c.6%202.3%201.6%204.9%203%207.5c1.4-2.5%202.4-5.2%203-7.5c3.3%208%208.2%207.5%208.2%207.5c-2.1-4.3-3.7-8-3.7-8c6.3%205.4%2012.5%201.1%2012.5%201.1%22%2F%3E%3Cpath%20fill%3D%22%2383bf4f%22%20d%3D%22M45.3%2023.2C36.9%2023.2%2032%209.1%2032%209.1s-4.9%2014.1-13.3%2014.1c0%200%204.1%202.9%208.3-.7c0%200-1.1%202.5-2.5%205.4c0%200%203.3.4%205.5-5c.4%201.5%201.1%203.3%202%205c.9-1.7%201.6-3.4%202-5c2.2%205.4%205.5%205%205.5%205c-1.4-2.9-2.5-5.4-2.5-5.4c4.2%203.6%208.3.7%208.3.7%22%2F%3E%3Cpath%20fill%3D%22%23ffce31%22%20d%3D%22m32%202l2%204l4.4.6l-3.2%203.1l.7%204.4L32%2012l-3.9%202.1l.7-4.4l-3.2-3.1L30%206z%22%2F%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2221.4%22%20r%3D%223.3%22%20fill%3D%22%23ed4c5c%22%2F%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2240.6%22%20r%3D%223.3%22%20fill%3D%22%23f2b200%22%2F%3E%3Ccircle%20cx%3D%2238.7%22%20cy%3D%2230.9%22%20r%3D%223.3%22%20fill%3D%22%239450e0%22%2F%3E%3Ccircle%20cx%3D%2225.9%22%20cy%3D%2230.9%22%20r%3D%223.3%22%20fill%3D%22%236aced8%22%2F%3E%3Ccircle%20cx%3D%2220.2%22%20cy%3D%2247%22%20r%3D%223.3%22%20fill%3D%22%2383bf4f%22%2F%3E%3Ccircle%20cx%3D%2241.2%22%20cy%3D%2247.2%22%20r%3D%223.3%22%20fill%3D%22%23ff717f%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cpath%20fill%3D%22%23d3976e%22%20d%3D%22M36.4%2062h-8.8l1.9-20.8h5z%22%2F%3E%3Cpath%20fill%3D%22%23699635%22%20d%3D%22M62%2048.7C42.9%2048.7%2032%2017%2032%2017S21.1%2048.7%202%2048.7c0%200%209.3%206.5%2018.7-1.7c0%200-2.4%205.6-5.6%2012.1c0%200%207.3.9%2012.3-11.2c1%203.5%202.4%207.4%204.6%2011.2c2.1-3.8%203.6-7.7%204.6-11.2c5%2012%2012.3%2011.2%2012.3%2011.2c-3.2-6.4-5.6-12.1-5.6-12.1c9.4%208.2%2018.7%201.7%2018.7%201.7%22%2F%3E%3Cpath%20fill%3D%22%2375a843%22%20d%3D%22M52%2033.4c-12.7%200-20-21.2-20-21.2s-7.3%2021.2-20%2021.2c0%200%206.2%204.3%2012.5-1.1c0%200-1.6%203.7-3.7%208c0%200%204.9.6%208.2-7.5c.6%202.3%201.6%204.9%203%207.5c1.4-2.5%202.4-5.2%203-7.5c3.3%208%208.2%207.5%208.2%207.5c-2.1-4.3-3.7-8-3.7-8c6.3%205.4%2012.5%201.1%2012.5%201.1%22%2F%3E%3Cpath%20fill%3D%22%2383bf4f%22%20d%3D%22M45.3%2023.2C36.9%2023.2%2032%209.1%2032%209.1s-4.9%2014.1-13.3%2014.1c0%200%204.1%202.9%208.3-.7c0%200-1.1%202.5-2.5%205.4c0%200%203.3.4%205.5-5c.4%201.5%201.1%203.3%202%205c.9-1.7%201.6-3.4%202-5c2.2%205.4%205.5%205%205.5%205c-1.4-2.9-2.5-5.4-2.5-5.4c4.2%203.6%208.3.7%208.3.7%22%2F%3E%3Cpath%20fill%3D%22%23ffce31%22%20d%3D%22m32%202l2%204l4.4.6l-3.2%203.1l.7%204.4L32%2012l-3.9%202.1l.7-4.4l-3.2-3.1L30%206z%22%2F%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2221.4%22%20r%3D%223.3%22%20fill%3D%22%23ed4c5c%22%2F%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2240.6%22%20r%3D%223.3%22%20fill%3D%22%23f2b200%22%2F%3E%3Ccircle%20cx%3D%2238.7%22%20cy%3D%2230.9%22%20r%3D%223.3%22%20fill%3D%22%239450e0%22%2F%3E%3Ccircle%20cx%3D%2225.9%22%20cy%3D%2230.9%22%20r%3D%223.3%22%20fill%3D%22%236aced8%22%2F%3E%3Ccircle%20cx%3D%2220.2%22%20cy%3D%2247%22%20r%3D%223.3%22%20fill%3D%22%2383bf4f%22%2F%3E%3Ccircle%20cx%3D%2241.2%22%20cy%3D%2247.2%22%20r%3D%223.3%22%20fill%3D%22%23ff717f%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/christmas-tree.svg?color=%231a73e8&size=48