Icône Tanabata Tree
fluent-emoji-flat:tanabata-tree
L'icône Tanabata Tree (fluent-emoji-flat:tanabata-tree) est une icône SVG gratuite de la collection Fluent Emoji Flat par Microsoft Corporation. Elle est dessinée sur une grille de 32 × 32. Les Fluent Emoji Flat icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Fluent Emoji Flat
- Auteur
- Microsoft Corporation
- Licence
- MIT
- Taille
- 32 × 32
- Catégorie
- Activités
- Mots-clés
- tanabatatree
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#44911b" d="M29.99 6.54V2C27.79 2 26 4 26 6.46v3.53h-4.162l.792-4.506A.414.414 0 0 0 22.22 5h-6.56c-.2 0-.38.148-.41.346L13.114 17.5H6v-3.543C6 11.482 4.206 9.47 2 9.47v4.567c0 2.287 1.512 4.165 3.481 4.45a4 4 0 0 0 .519.037V18.5h6.938L11 29.526c-.04.257.15.484.41.484h6.56c.2 0 .38-.148.41-.346l3.282-18.674H26V11c2.2 0 3.99-2 3.99-4.46"/><path fill="#635994" d="M26.002 9.9a.5.5 0 1 0-1 0v8.47a.5.5 0 0 0 1 0zM6.996 17.3a.5.5 0 0 0-1 0v8.47a.5.5 0 0 0 1 0z"/><path fill="#f70a8d" d="m27.657 25.888l-1.745-1.276a.615.615 0 0 0-.699 0l-1.745 1.276c-.36.26-.905.038-.905-.377V18.96l3-.831l3 .831v6.551c0 .406-.546.638-.906.377"/><path fill="#86d72f" d="M13.512 12.02H21.4c.843 0 1.522.66 1.522 1.48s-.679 1.48-1.522 1.48h-7.888c-.843 0-1.522-.66-1.522-1.48s.679-1.48 1.522-1.48m-1.672 11.5h7.67c.81 0 1.48.66 1.48 1.48s-.66 1.48-1.48 1.48h-7.67c-.82 0-1.48-.66-1.48-1.48s.66-1.48 1.48-1.48"/><path fill="#00a6ed" d="m8.579 29.88l-1.746-1.32a.6.6 0 0 0-.698 0L4.39 29.88c-.36.27-.906.04-.906-.39v-6.78h6v6.78c0 .43-.545.66-.905.39"/><path fill="#f9c23c" d="M22.568 18.96h5.99a.994.994 0 0 0 1.005-.98c0-.54-.452-.98-1.006-.98h-5.99a.994.994 0 0 0-1.005.98c0 .54.452.98 1.006.98M3.489 23h5.986c.553 0 1.004-.449 1.004-1s-.45-1-1.004-1H3.489c-.554 0-1.005.449-1.005 1s.451 1 1.005 1"/></g></svg>Comment utiliser l'icône Tanabata Tree
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:tanabata-tree" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:tanabata-tree" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:tanabata-tree" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--tanabata-tree]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:tanabata-tree"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:tanabata-tree"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/tanabata-tree.svg" alt="Icône Tanabata Tree" width="24" height="24">L'icône Tanabata Tree dans d'autres collections
FAQ : Icône Tanabata Tree
L'icône Tanabata Tree est-elle gratuite pour un usage commercial ?
Oui. Les Fluent Emoji Flat icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Tanabata Tree dans React ?
Installez @iconify/react et affichez <Icon icon="fluent-emoji-flat:tanabata-tree" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Tanabata Tree à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/tanabata-tree.svg" alt="Icône Tanabata Tree">, ou collez le code SVG directement dans la page pour le styliser en CSS.