christmas tree emoji
christmas-tree from Fluent Emoji Flat by Microsoft Corporation · Default · Activities · MIT Free for personal and commercial use.
- Name
- christmas-tree
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- Activities
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
christmas-treeEmoji One (Colored)christmas-treeFluent Emojichristmas-treeFluent Emoji High Contrastchristmas-treeIconParkchristmas-treeIconPark Outlinechristmas-treeIconPark Solidchristmas-treeIconPark TwoTonechristmas-treeNoto Emojichristmas-treeOpenMojichristmas-treeStreamline Emojischristmas-treeTabler Iconschristmas-treeTwitter Emoji
More activities icons from Fluent Emoji Flat
Use the christmas tree emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#6d4534" d="M19.157 29.988h-6.311c-.536 0-.943-.47-.826-.96l.515-2.13l3.374-1.059l3.56 1.059l.513 2.13c.108.49-.289.96-.825.96"/><path fill="#44911b" d="m14.86 7.19l-2.68 4.792c-.5.89.12 2.018 1.12 2.018h.608C11.747 14 10 15.592 10 17.56c0 .8.71 1.439 1.579 1.439h.144C9.116 19 7 21.227 7 23.97C7 25.65 8.294 27 9.878 27h12.244C23.716 27 25 25.639 25 23.97c.01-2.743-2.106-4.97-4.723-4.97h.144C21.3 19 22 18.352 22 17.56c0-1.959-1.747-3.56-3.908-3.56h.558c1 0 1.62-1.118 1.12-2.018L17.09 7.19c-.49-.89-1.73-.89-2.23 0"/><path fill="#f8312f" d="M18.982 18.306a1.29 1.29 0 1 0 0-2.58a1.29 1.29 0 0 0 0 2.58m-8.005 7.081a1.29 1.29 0 1 0 0-2.58a1.29 1.29 0 0 0 0 2.58m12.313-1.359a1.29 1.29 0 1 1-2.58 0a1.29 1.29 0 0 1 2.58 0"/><path fill="#fcd53f" d="M18.289 12.016a1.29 1.29 0 1 1-2.58 0a1.29 1.29 0 0 1 2.58 0m-4.313 5.274a1.29 1.29 0 1 0 0-2.58a1.29 1.29 0 0 0 0 2.58M16 23.254a1.29 1.29 0 1 0 0-2.58a1.29 1.29 0 0 0 0 2.58"/><path fill="#f9c23c" d="m17.005 3.09l.695.106a.43.43 0 0 1 .242.735l-.503.493a.43.43 0 0 0-.125.377l.116.695a.434.434 0 0 1-.628.455l-.619-.329a.43.43 0 0 0-.406 0l-.619.329a.434.434 0 0 1-.628-.455l.116-.695a.43.43 0 0 0-.126-.377l-.502-.493a.43.43 0 0 1 .242-.735l.696-.097a.44.44 0 0 0 .328-.232l.31-.628a.432.432 0 0 1 .773 0l.309.628a.48.48 0 0 0 .329.223"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatChristmasTree(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#6d4534" d="M19.157 29.988h-6.311c-.536 0-.943-.47-.826-.96l.515-2.13l3.374-1.059l3.56 1.059l.513 2.13c.108.49-.289.96-.825.96"/><path fill="#44911b" d="m14.86 7.19l-2.68 4.792c-.5.89.12 2.018 1.12 2.018h.608C11.747 14 10 15.592 10 17.56c0 .8.71 1.439 1.579 1.439h.144C9.116 19 7 21.227 7 23.97C7 25.65 8.294 27 9.878 27h12.244C23.716 27 25 25.639 25 23.97c.01-2.743-2.106-4.97-4.723-4.97h.144C21.3 19 22 18.352 22 17.56c0-1.959-1.747-3.56-3.908-3.56h.558c1 0 1.62-1.118 1.12-2.018L17.09 7.19c-.49-.89-1.73-.89-2.23 0"/><path fill="#f8312f" d="M18.982 18.306a1.29 1.29 0 1 0 0-2.58a1.29 1.29 0 0 0 0 2.58m-8.005 7.081a1.29 1.29 0 1 0 0-2.58a1.29 1.29 0 0 0 0 2.58m12.313-1.359a1.29 1.29 0 1 1-2.58 0a1.29 1.29 0 0 1 2.58 0"/><path fill="#fcd53f" d="M18.289 12.016a1.29 1.29 0 1 1-2.58 0a1.29 1.29 0 0 1 2.58 0m-4.313 5.274a1.29 1.29 0 1 0 0-2.58a1.29 1.29 0 0 0 0 2.58M16 23.254a1.29 1.29 0 1 0 0-2.58a1.29 1.29 0 0 0 0 2.58"/><path fill="#f9c23c" d="m17.005 3.09l.695.106a.43.43 0 0 1 .242.735l-.503.493a.43.43 0 0 0-.125.377l.116.695a.434.434 0 0 1-.628.455l-.619-.329a.43.43 0 0 0-.406 0l-.619.329a.434.434 0 0 1-.628-.455l.116-.695a.43.43 0 0 0-.126-.377l-.502-.493a.43.43 0 0 1 .242-.735l.696-.097a.44.44 0 0 0 .328-.232l.31-.628a.432.432 0 0 1 .773 0l.309.628a.48.48 0 0 0 .329.223"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#6d4534" d="M19.157 29.988h-6.311c-.536 0-.943-.47-.826-.96l.515-2.13l3.374-1.059l3.56 1.059l.513 2.13c.108.49-.289.96-.825.96"/><path fill="#44911b" d="m14.86 7.19l-2.68 4.792c-.5.89.12 2.018 1.12 2.018h.608C11.747 14 10 15.592 10 17.56c0 .8.71 1.439 1.579 1.439h.144C9.116 19 7 21.227 7 23.97C7 25.65 8.294 27 9.878 27h12.244C23.716 27 25 25.639 25 23.97c.01-2.743-2.106-4.97-4.723-4.97h.144C21.3 19 22 18.352 22 17.56c0-1.959-1.747-3.56-3.908-3.56h.558c1 0 1.62-1.118 1.12-2.018L17.09 7.19c-.49-.89-1.73-.89-2.23 0"/><path fill="#f8312f" d="M18.982 18.306a1.29 1.29 0 1 0 0-2.58a1.29 1.29 0 0 0 0 2.58m-8.005 7.081a1.29 1.29 0 1 0 0-2.58a1.29 1.29 0 0 0 0 2.58m12.313-1.359a1.29 1.29 0 1 1-2.58 0a1.29 1.29 0 0 1 2.58 0"/><path fill="#fcd53f" d="M18.289 12.016a1.29 1.29 0 1 1-2.58 0a1.29 1.29 0 0 1 2.58 0m-4.313 5.274a1.29 1.29 0 1 0 0-2.58a1.29 1.29 0 0 0 0 2.58M16 23.254a1.29 1.29 0 1 0 0-2.58a1.29 1.29 0 0 0 0 2.58"/><path fill="#f9c23c" d="m17.005 3.09l.695.106a.43.43 0 0 1 .242.735l-.503.493a.43.43 0 0 0-.125.377l.116.695a.434.434 0 0 1-.628.455l-.619-.329a.43.43 0 0 0-.406 0l-.619.329a.434.434 0 0 1-.628-.455l.116-.695a.43.43 0 0 0-.126-.377l-.502-.493a.43.43 0 0 1 .242-.735l.696-.097a.44.44 0 0 0 .328-.232l.31-.628a.432.432 0 0 1 .773 0l.309.628a.48.48 0 0 0 .329.223"/></g></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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%236d4534%22%20d%3D%22M19.157%2029.988h-6.311c-.536%200-.943-.47-.826-.96l.515-2.13l3.374-1.059l3.56%201.059l.513%202.13c.108.49-.289.96-.825.96%22%2F%3E%3Cpath%20fill%3D%22%2344911b%22%20d%3D%22m14.86%207.19l-2.68%204.792c-.5.89.12%202.018%201.12%202.018h.608C11.747%2014%2010%2015.592%2010%2017.56c0%20.8.71%201.439%201.579%201.439h.144C9.116%2019%207%2021.227%207%2023.97C7%2025.65%208.294%2027%209.878%2027h12.244C23.716%2027%2025%2025.639%2025%2023.97c.01-2.743-2.106-4.97-4.723-4.97h.144C21.3%2019%2022%2018.352%2022%2017.56c0-1.959-1.747-3.56-3.908-3.56h.558c1%200%201.62-1.118%201.12-2.018L17.09%207.19c-.49-.89-1.73-.89-2.23%200%22%2F%3E%3Cpath%20fill%3D%22%23f8312f%22%20d%3D%22M18.982%2018.306a1.29%201.29%200%201%200%200-2.58a1.29%201.29%200%200%200%200%202.58m-8.005%207.081a1.29%201.29%200%201%200%200-2.58a1.29%201.29%200%200%200%200%202.58m12.313-1.359a1.29%201.29%200%201%201-2.58%200a1.29%201.29%200%200%201%202.58%200%22%2F%3E%3Cpath%20fill%3D%22%23fcd53f%22%20d%3D%22M18.289%2012.016a1.29%201.29%200%201%201-2.58%200a1.29%201.29%200%200%201%202.58%200m-4.313%205.274a1.29%201.29%200%201%200%200-2.58a1.29%201.29%200%200%200%200%202.58M16%2023.254a1.29%201.29%200%201%200%200-2.58a1.29%201.29%200%200%200%200%202.58%22%2F%3E%3Cpath%20fill%3D%22%23f9c23c%22%20d%3D%22m17.005%203.09l.695.106a.43.43%200%200%201%20.242.735l-.503.493a.43.43%200%200%200-.125.377l.116.695a.434.434%200%200%201-.628.455l-.619-.329a.43.43%200%200%200-.406%200l-.619.329a.434.434%200%200%201-.628-.455l.116-.695a.43.43%200%200%200-.126-.377l-.502-.493a.43.43%200%200%201%20.242-.735l.696-.097a.44.44%200%200%200%20.328-.232l.31-.628a.432.432%200%200%201%20.773%200l.309.628a.48.48%200%200%200%20.329.223%22%2F%3E%3C%2Fg%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%236d4534%22%20d%3D%22M19.157%2029.988h-6.311c-.536%200-.943-.47-.826-.96l.515-2.13l3.374-1.059l3.56%201.059l.513%202.13c.108.49-.289.96-.825.96%22%2F%3E%3Cpath%20fill%3D%22%2344911b%22%20d%3D%22m14.86%207.19l-2.68%204.792c-.5.89.12%202.018%201.12%202.018h.608C11.747%2014%2010%2015.592%2010%2017.56c0%20.8.71%201.439%201.579%201.439h.144C9.116%2019%207%2021.227%207%2023.97C7%2025.65%208.294%2027%209.878%2027h12.244C23.716%2027%2025%2025.639%2025%2023.97c.01-2.743-2.106-4.97-4.723-4.97h.144C21.3%2019%2022%2018.352%2022%2017.56c0-1.959-1.747-3.56-3.908-3.56h.558c1%200%201.62-1.118%201.12-2.018L17.09%207.19c-.49-.89-1.73-.89-2.23%200%22%2F%3E%3Cpath%20fill%3D%22%23f8312f%22%20d%3D%22M18.982%2018.306a1.29%201.29%200%201%200%200-2.58a1.29%201.29%200%200%200%200%202.58m-8.005%207.081a1.29%201.29%200%201%200%200-2.58a1.29%201.29%200%200%200%200%202.58m12.313-1.359a1.29%201.29%200%201%201-2.58%200a1.29%201.29%200%200%201%202.58%200%22%2F%3E%3Cpath%20fill%3D%22%23fcd53f%22%20d%3D%22M18.289%2012.016a1.29%201.29%200%201%201-2.58%200a1.29%201.29%200%200%201%202.58%200m-4.313%205.274a1.29%201.29%200%201%200%200-2.58a1.29%201.29%200%200%200%200%202.58M16%2023.254a1.29%201.29%200%201%200%200-2.58a1.29%201.29%200%200%200%200%202.58%22%2F%3E%3Cpath%20fill%3D%22%23f9c23c%22%20d%3D%22m17.005%203.09l.695.106a.43.43%200%200%201%20.242.735l-.503.493a.43.43%200%200%200-.125.377l.116.695a.434.434%200%200%201-.628.455l-.619-.329a.43.43%200%200%200-.406%200l-.619.329a.434.434%200%200%201-.628-.455l.116-.695a.43.43%200%200%200-.126-.377l-.502-.493a.43.43%200%200%201%20.242-.735l.696-.097a.44.44%200%200%200%20.328-.232l.31-.628a.432.432%200%200%201%20.773%200l.309.628a.48.48%200%200%200%20.329.223%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/christmas-tree.svg?color=%231a73e8&size=48
