Icône Christmas Tree

twemoji:christmas-tree

L'icône Christmas Tree (twemoji:christmas-tree) est une icône SVG gratuite de la collection Twitter Emoji par Twitter. Elle est dessinée sur une grille de 36 × 36. Les Twitter Emoji icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: Twitter Emoji
Auteur: Twitter
Licence: CC-BY-4.0
Taille: 36 × 36
Catégorie: Activités
Mots-clés: christmastree, christma

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#662113" d="M22.088 32.83c0 1.997-1.619 2.712-3.616 2.712s-3.616-.715-3.616-2.712l.904-8.136c0-1.996.715-1.808 2.712-1.808s2.712-.188 2.712 1.808z"/><path fill="#5c913b" d="M30.59 27.675c-6.294-5.392-8.843-13.112-12.118-13.112s-5.824 7.721-12.118 13.112c-2.645 2.266-1.385 3.577 2.241 3.314c3.232-.233 6.255-.966 9.877-.966s6.646.733 9.876.966c3.627.263 4.886-1.049 2.242-3.314"/><path fill="#3e721d" d="M28.546 25.538c-4.837-4.435-7.555-10.787-10.074-10.787c-2.517 0-5.236 6.352-10.073 10.787c-3.844 3.524 5.037 4.315 10.073 0c5.034 4.316 13.917 3.524 10.074 0"/><path fill="#5c913b" d="M28.546 21.945c-4.837-4.143-7.555-10.077-10.074-10.077c-2.517 0-5.236 5.934-10.073 10.077c-3.844 3.292 5.037 4.031 10.073 0c5.034 4.032 13.917 3.292 10.074 0"/><path fill="#3e721d" d="M26.336 19.003c-3.775-3.235-5.897-7.868-7.864-7.868c-1.965 0-4.088 4.632-7.864 7.868c-3 2.57 3.932 3.147 7.864 0c3.93 3.146 10.865 2.57 7.864 0"/><path fill="#5c913b" d="M26.336 16.311c-3.775-3.235-5.897-7.867-7.864-7.867c-1.965 0-4.088 4.632-7.864 7.867c-3 2.571 3.932 3.147 7.864 0c3.93 3.147 10.865 2.571 7.864 0"/><path fill="#3e721d" d="M24.818 13.92c-3.047-2.61-4.76-6.349-6.347-6.349c-1.586 0-3.299 3.739-6.347 6.349c-2.422 2.075 3.174 2.54 6.347 0c3.174 2.54 8.77 2.075 6.347 0"/><path fill="#5c913b" d="M24.818 11.894c-3.047-2.61-4.76-6.349-6.347-6.349c-1.586 0-3.299 3.739-6.347 6.349c-2.422 2.075 3.174 2.54 6.347 0c3.174 2.54 8.77 2.075 6.347 0"/><path fill="#3e721d" d="M23.301 8.911C20.983 6.925 19.68 4.08 18.472 4.08s-2.511 2.845-4.83 4.831c-1.843 1.579 2.415 1.933 4.83 0c2.414 1.933 6.673 1.579 4.829 0"/><path fill="#5c913b" d="M23.301 7.832C20.983 5.845 19.68 3 18.472 3s-2.511 2.845-4.83 4.832c-1.843 1.579 2.415 1.933 4.83 0c2.414 1.932 6.673 1.578 4.829 0"/><circle cx="16.5" cy="12.042" r="1.5" fill="#ffcc4d"/><circle cx="20" cy="25" r="2" fill="#ffcc4d"/><circle cx="22.5" cy="15.5" r="2.5" fill="#dd2e44"/><circle cx="10" cy="26" r="2" fill="#dd2e44"/><circle cx="14" cy="19" r="2" fill="#a6d388"/><circle cx="26" cy="23" r="2" fill="#a6d388"/><path fill="#ffac33" d="M19.379 1.679c.143.275.512.549.817.609l1.379.269c.305.06.377.29.159.512l-.983 1.004c-.217.222-.365.657-.326.965l.17 1.394c.038.309-.159.448-.438.31L18.9 6.117c-.279-.138-.738-.144-1.02-.013l-1.274.594c-.282.13-.476-.014-.43-.322l.205-1.39c.045-.307-.091-.745-.302-.973l-.959-1.027c-.212-.227-.135-.457.172-.508l1.385-.234c.307-.051.681-.316.832-.588L18.19.427c.151-.272.394-.269.537.006z"/></svg>

Comment utiliser l'icône Christmas Tree

React

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

<Icon icon="twemoji:christmas-tree" width="24" />

Vue

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

<template>
  <Icon icon="twemoji:christmas-tree" width="24" />
</template>

Svelte

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

<Icon icon="twemoji:christmas-tree" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--christmas-tree]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:christmas-tree"></div>

Web component

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

<iconify-icon icon="twemoji:christmas-tree"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/twemoji/christmas-tree.svg" alt="Icône Christmas Tree" width="24" height="24">

L'icône Christmas Tree dans d'autres collections

FAQ : Icône Christmas Tree

L'icône Christmas Tree est-elle gratuite pour un usage commercial ?

Oui. Les Twitter Emoji icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.

Comment utiliser l'icône Christmas Tree dans React ?

Installez @iconify/react et affichez <Icon icon="twemoji:christmas-tree" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Christmas Tree à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/twemoji/christmas-tree.svg" alt="Icône Christmas Tree">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Twitter Emoji →