Ícone Christmas Tree
streamline-emojis:christmas-tree
O ícone Christmas Tree (streamline-emojis:christmas-tree) é um ícone SVG gratuito da coleção Streamline Emojis de Streamline. Ele é desenhado em uma grade de 48 × 48. Streamline Emojis icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Streamline Emojis
- Autor
- Streamline
- Licença
- CC-BY-4.0
- Tamanho
- 48 × 48
- Categoria
- Animais e natureza
- Tags
- christmastree, christma
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M12 45.5a12 1.5 0 1 0 24 0a12 1.5 0 1 0-24 0" opacity=".15"/><path fill="#dea47a" d="M30.48 44.17a.83.83 0 0 1-.66 1.33H18.07a.83.83 0 0 1-.66-1.33a11.14 11.14 0 0 0 2.23-6.69v-3.82h8.61v3.82a11.14 11.14 0 0 0 2.23 6.69"/><path fill="#bf8256" d="M28.88 41.16a10.9 10.9 0 0 1-.63-3.68v-3.82h-8.61v3.82a11.2 11.2 0 0 1-.64 3.68Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M30.48 44.17a.83.83 0 0 1-.66 1.33H18.07a.83.83 0 0 1-.66-1.33a11.14 11.14 0 0 0 2.23-6.69v-3.82h8.61v3.82a11.14 11.14 0 0 0 2.23 6.69"/><path fill="#6dd627" d="m38.17 34.32l-3.85-4.58a.89.89 0 0 1 .68-1.46h.59a1.49 1.49 0 0 0 1.08-2.51l-4-4.29a1.07 1.07 0 0 1 .78-1.81a1.49 1.49 0 0 0 1.1-2.5l-9-9.78a2.17 2.17 0 0 0-3.17 0l-9 9.78a1.49 1.49 0 0 0 1.09 2.5a1.08 1.08 0 0 1 .79 1.81l-4 4.29a1.49 1.49 0 0 0 1.09 2.51h.59a.89.89 0 0 1 .68 1.46l-3.9 4.58A2.22 2.22 0 0 0 11.41 38h25.06a2.22 2.22 0 0 0 1.7-3.68"/><path fill="#9ceb60" d="m14.28 19.66l8.08-8.76a2.17 2.17 0 0 1 3.17 0l8.08 8.76a1.48 1.48 0 0 0 .94-2.49l-9-9.78a2.17 2.17 0 0 0-3.17 0l-9 9.78a1.48 1.48 0 0 0 .9 2.49"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m38.17 34.32l-3.85-4.58a.89.89 0 0 1 .68-1.46h.59a1.49 1.49 0 0 0 1.08-2.51l-4-4.29a1.07 1.07 0 0 1 .78-1.81a1.49 1.49 0 0 0 1.1-2.5l-9-9.78a2.17 2.17 0 0 0-3.17 0l-9 9.78a1.49 1.49 0 0 0 1.09 2.5a1.08 1.08 0 0 1 .79 1.81l-4 4.29a1.49 1.49 0 0 0 1.09 2.51h.59a.89.89 0 0 1 .68 1.46l-3.9 4.58A2.22 2.22 0 0 0 11.41 38h25.06a2.22 2.22 0 0 0 1.7-3.68"/><path fill="#ffe500" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m23.94 6.69l-1.13.6a.88.88 0 0 1-1.28-.94l.21-1.26l-.91-.89a.88.88 0 0 1 .49-1.51l1.26-.19l.57-1.14a.89.89 0 0 1 1.59 0l.57 1.14l1.26.19a.88.88 0 0 1 .49 1.51l-.91.89l.21 1.26a.88.88 0 0 1-1.28.94Z"/><path fill="#ff866e" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M25.68 28.33h-3.47a.44.44 0 0 0-.44.47l.23 2.64a2 2 0 0 0 3.93 0l.21-2.64a.44.44 0 0 0-.46-.47"/><path fill="#45413c" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M28.38 23.45a1.33 1.33 0 1 0 2.66 0a1.33 1.33 0 1 0-2.66 0m-11.53 0a1.33 1.33 0 1 0 2.66 0a1.33 1.33 0 1 0-2.66 0"/><path fill="#ffcebf" d="M32.93 28.11c0 .53-.72 1-1.61 1s-1.61-.44-1.61-1s.72-1 1.61-1s1.61.47 1.61 1m-14.75.07c0 .54-.72 1-1.61 1s-1.61-.43-1.61-1s.72-1 1.61-1s1.61.47 1.61 1"/><path fill="#ffe500" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M26.6 15.47a1.33 1.33 0 1 0 2.66 0a1.33 1.33 0 1 0-2.66 0"/><path fill="#ff6242" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M29.71 13.26a1.33 1.33 0 1 0 2.66 0a1.33 1.33 0 1 0-2.66 0"/><path fill="#ff6196" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M22.61 15.92a1.33 1.33 0 1 0 2.66 0a1.33 1.33 0 1 0-2.66 0"/><path fill="#00dfeb" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M18.63 15.47a1.33 1.33 0 1 0 2.66 0a1.33 1.33 0 1 0-2.66 0"/><path fill="#ffe500" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M15.52 13.26a1.33 1.33 0 1 0 2.66 0a1.33 1.33 0 1 0-2.66 0"/></svg>Como usar o ícone Christmas Tree
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-emojis:christmas-tree" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-emojis:christmas-tree" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-emojis:christmas-tree" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--christmas-tree]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:christmas-tree"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-emojis:christmas-tree"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/streamline-emojis/christmas-tree.svg" alt="Ícone Christmas Tree" width="24" height="24">O ícone Christmas Tree em outras coleções
Perguntas frequentes sobre Ícone Christmas Tree
O ícone Christmas Tree é grátis para uso comercial?
Sim. Streamline Emojis icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Christmas Tree no React?
Instale @iconify/react e renderize <Icon icon="streamline-emojis:christmas-tree" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Christmas Tree a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/streamline-emojis/christmas-tree.svg" alt="Ícone Christmas Tree">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.