Christmastree icon

fxemoji:christmastree

The Christmastree icon (fxemoji:christmastree) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Firefox OS Emoji
Author: Mozilla
License: Apache-2.0
Size: 512 × 512
Category: Objects

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#8E6049" d="M227.97 498.378V308.317c0-15.882 12.878-28.776 28.768-28.776s28.768 12.893 28.768 28.776v190.061c0 15.882-57.536 15.882-57.536 0"/><path fill="#149314" d="M411.433 431.025c-30.03 32.949-85.246 44.361-154.695 44.361c-67.323 0-115.648-3.026-153.521-42.144a8 8 0 0 0-1.073-.914c-8.333-6.059-11.163-20.605-2.74-29.85c18.528-20.338 38.105-47.923 57.125-78.028c3.572-5.653-1.211-12.917-7.81-11.834a270 270 0 0 1-9.642 1.402c-12.802 1.627-20.297-16.691-10.884-27.023c20.771-22.8 43.129-56.565 63.795-91.641c3.472-5.892-1.819-13.063-8.482-11.521c-6.827 1.58-13.536 2.715-19.884 3.522c-10.114 1.285-16.036-13.187-8.599-21.35c31.831-34.94 68.37-102.455 90.728-146.917a8 8 0 0 0 .395-.955c1.126-3.192 3.322-5.48 5.884-6.652a9.1 9.1 0 0 1 3.968-.888a9.1 9.1 0 0 1 3.968.888c2.562 1.172 4.758 3.46 5.884 6.652a8 8 0 0 0 .395.955c22.358 44.462 58.897 111.978 90.728 146.917c7.437 8.163 1.515 22.636-8.599 21.35c-6.347-.807-13.056-1.942-19.884-3.522c-6.663-1.542-11.953 5.629-8.482 11.521c20.666 35.076 43.024 68.841 63.795 91.641c9.413 10.333 1.918 28.65-10.884 27.023c-3.15-.4-6.37-.865-9.642-1.402c-6.599-1.083-11.382 6.181-7.81 11.834c19.02 30.104 38.597 57.69 57.125 78.028c5.55 6.092 6.208 14.486 3.634 21.239c-.377 1.588-1.252 3.233-2.689 4.939a17.7 17.7 0 0 1-2.104 2.369"/><path fill="#FFB636" d="m258.456 1.527l11.346 22.989a2.74 2.74 0 0 0 2.062 1.498l25.37 3.687c2.246.326 3.143 3.087 1.518 4.672l-18.358 17.895a2.74 2.74 0 0 0-.788 2.424l4.334 25.268c.384 2.237-1.965 3.944-3.974 2.887l-22.692-11.93a2.74 2.74 0 0 0-2.549 0l-22.692 11.93c-2.009 1.056-4.358-.65-3.974-2.887l4.334-25.268a2.74 2.74 0 0 0-.788-2.424l-18.358-17.895c-1.626-1.585-.729-4.345 1.518-4.672l25.37-3.687a2.74 2.74 0 0 0 2.062-1.498l11.346-22.989c1.006-2.036 3.908-2.036 4.913 0"/><path fill="#FFD469" d="M251.46 216.584c0 6.487-5.258 11.745-11.745 11.745s-11.745-5.258-11.745-11.745s5.258-11.745 11.745-11.745s11.745 5.258 11.745 11.745m77.283 140.454c-13.346 0-24.166 10.819-24.166 24.166s10.819 24.166 24.166 24.166s24.166-10.819 24.166-24.166s-10.82-24.166-24.166-24.166"/><path fill="#FF473E" d="M338.377 262.634c0 14.495-11.75 26.245-26.245 26.245s-26.245-11.75-26.245-26.245s11.75-26.245 26.245-26.245c14.495.001 26.245 11.751 26.245 26.245M207.423 134.1c-6.677 0-12.089 5.413-12.089 12.089s5.413 12.089 12.089 12.089s12.089-5.413 12.089-12.089S214.1 134.1 207.423 134.1m-20.27 246.886c-10.728 0-19.425 8.697-19.425 19.425s8.697 19.425 19.425 19.425s19.425-8.697 19.425-19.425s-8.697-19.425-19.425-19.425"/><path fill="#76DFFF" d="m285.888 100.364l6.996 7.409l10.186-.292l-.292 10.186l7.409 6.996l-7.409 6.996l.292 10.186l-10.186-.292l-6.996 7.409l-6.996-7.409l-10.186.292l.292-10.186l-7.409-6.996l7.409-6.996l-.292-10.186l10.186.292zm-85.461 195.924l-10.186-.292l.292 10.186l-7.409 6.996l7.409 6.996l-.292 10.186l10.186-.292l6.996 7.409l6.996-7.409l10.186.292l-.292-10.186l7.409-6.996l-7.409-6.996l.292-10.186l-10.186.292l-6.996-7.409z"/></svg>

How to use the Christmastree icon

React

import { Icon } from "@iconify/react";

<Icon icon="fxemoji:christmastree" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fxemoji:christmastree" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fxemoji:christmastree" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--christmastree]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:christmastree"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fxemoji:christmastree"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fxemoji/christmastree.svg" alt="Christmastree icon" width="24" height="24">

Christmastree icon FAQ

Is the Christmastree icon free for commercial use?

Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.

How do I use the Christmastree icon in React?

Install @iconify/react and render <Icon icon="fxemoji:christmastree" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Christmastree icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/christmastree.svg" alt="Christmastree icon">, or paste the SVG code inline to style it with CSS.

Browse all Firefox OS Emoji icons →