Ikon Christmastree
fxemoji:christmastree
Ikon Christmastree (fxemoji:christmastree) adalah ikon SVG gratis dari set Firefox OS Emoji karya Mozilla. Ikon ini digambar pada grid 512 × 512. Firefox OS Emoji icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Firefox OS Emoji
- Pembuat
- Mozilla
- Lisensi
- Apache-2.0
- Ukuran
- 512 × 512
- Kategori
- Benda
Kode SVG
<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>Cara memakai ikon Christmastree
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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/christmastree.svg" alt="Ikon Christmastree" width="24" height="24">FAQ Ikon Christmastree
Apakah ikon Christmastree gratis untuk penggunaan komersial?
Ya. Firefox OS Emoji icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Christmastree di React?
Pasang @iconify/react lalu render <Icon icon="fxemoji:christmastree" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Christmastree ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fxemoji/christmastree.svg" alt="Ikon Christmastree">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.