Icono Christmas Tree
openmoji:christmas-tree
El icono Christmas Tree (openmoji:christmas-tree) es un icono SVG gratuito de la colección OpenMoji. Está dibujado en una cuadrícula de 72 × 72. OpenMoji icons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- OpenMoji
- Autor
- OpenMoji
- Licencia
- CC-BY-SA-4.0
- Tamaño
- 72 × 72
- Categoría
- Actividades
- Etiquetas
- christmastree, christma
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><circle cx="36.081" cy="25.744" r="2"/><circle cx="43.681" cy="49.953" r="2"/><circle cx="28.405" cy="51.924" r="2"/><circle cx="41.681" cy="38.674" r="2"/><circle cx="32.405" cy="34.199" r="2"/><circle cx="34.405" cy="45.055" r="2"/><path fill="#a57939" d="M39.156 68.035h-6.312a2.446 2.446 0 0 1-2.293-2.57v-7.584a1 1 0 0 1 1-1h8.898a1 1 0 0 1 1 1v7.584a2.446 2.446 0 0 1-2.293 2.57"/><path fill="#b1cc33" d="m54.766 61.207l-.065-.002L36 60.005l-18.701 1.2a1.02 1.02 0 0 1-.898-.445a1 1 0 0 1-.06-1.001l7.543-15.043l-3.23.403a1 1 0 0 1-.987-1.497l7.073-12.093l-1.926.236a.98.98 0 0 1-.97-.46a1 1 0 0 1 .008-1.074L35.16 12.716a1.036 1.036 0 0 1 1.68 0L48.148 30.23a1 1 0 0 1 .008 1.074a.97.97 0 0 1-.97.46l-1.925-.236l7.073 12.093a1 1 0 0 1-.987 1.497l-3.23-.403l7.543 15.043a1 1 0 0 1-.894 1.448Z"/><path fill="#5c9e31" d="M37.697 29.291h5.682l7.723 13.624l-4.238.249l7.902 18.043l-17.375-1.114z"/><circle cx="36.081" cy="25.744" r="2" fill="#fcea2b"/><circle cx="43.681" cy="49.953" r="2" fill="#d22f27"/><circle cx="28.405" cy="51.924" r="2" fill="#fcea2b"/><circle cx="41.681" cy="38.674" r="2" fill="#fcea2b"/><circle cx="32.405" cy="34.199" r="2" fill="#d22f27"/><circle cx="34.405" cy="45.055" r="2" fill="#d22f27"/><path fill="#fcea2b" d="M32.5 16.27a.738.738 0 0 1-.728-.862l.603-3.515l-2.554-2.49a.737.737 0 0 1 .409-1.258l3.53-.514l1.579-3.2a.767.767 0 0 1 1.322 0l1.579 3.2l3.53.514a.737.737 0 0 1 .41 1.257l-2.556 2.49l.603 3.516a.737.737 0 0 1-1.07.777L36 14.525l-3.158 1.66a.7.7 0 0 1-.343.085"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m39.778 19.109l7.53 11.665l-3.93-.483l8.093 13.836l-5.087-.636l8.382 16.716l-12.834-.834m-11.864 0l-12.834.834l8.382-16.716l-5.087.636l8.093-13.836l-3.93.483l7.53-11.665m8.228 43.315v3.041a1.457 1.457 0 0 1-1.293 1.57h-6.313a1.457 1.457 0 0 1-1.293-1.57v-3.042M36 4.758l1.87 3.79l4.182.607l-3.026 2.95l.714 4.165L36 14.304l-3.74 1.966l.714-4.165l-3.026-2.95l4.182-.607z"/></svg>
Cómo usar el icono Christmas Tree
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:christmas-tree" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:christmas-tree" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:christmas-tree" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--christmas-tree]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:christmas-tree"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:christmas-tree"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/openmoji/christmas-tree.svg" alt="Icono Christmas Tree" width="24" height="24">
El icono Christmas Tree en otras colecciones
Preguntas frecuentes sobre Icono Christmas Tree
¿El icono Christmas Tree es gratis para uso comercial?
Sí. OpenMoji icons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia.
¿Cómo uso el icono Christmas Tree en React?
Instala @iconify/react y renderiza <Icon icon="openmoji:christmas-tree" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Christmas Tree a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/openmoji/christmas-tree.svg" alt="Icono Christmas Tree">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos OpenMoji →
ICONYZ
