Icône Pine Decoration
fluent-emoji-flat:pine-decoration
L'icône Pine Decoration (fluent-emoji-flat:pine-decoration) 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
- pinedecoration
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#86d72f" d="M27.2 18.138a.5.5 0 1 0-.94.344l.71 1.93l-.723 1.023l-.477-1.315a.5.5 0 1 0-.94.34l.714 1.97l-2.402 3.402a.5.5 0 0 0 .816.576l2.427-3.435l2.02.017a.5.5 0 1 0 .01-1l-1.328-.011l.697-.987l2.062.018a.5.5 0 1 0 .008-1l-1.368-.012l.812-1.15a.5.5 0 0 0-.816-.576l-.812 1.148zm-20.038-.054a.5.5 0 0 1 .164.688l-1.08 1.76l-.015.023l.469.84l.514-.837a.5.5 0 0 1 .852.524l-.7 1.14a.5.5 0 0 1-.127.14l.47.842l.235.087a.5.5 0 0 1 .235.756l.458.82a.5.5 0 0 1-.874.487l-.748-1.341l-.688-.257l-.996.93a.5.5 0 1 1-.682-.732l.63-.588l-.661-.245l-1.37.984a.425.425 0 1 1-.496-.69l.906-.651l-.792-.295a.5.5 0 1 1 .348-.938l.724.27l-.268-.979a.425.425 0 0 1 .82-.224l.429 1.568l1.344.5l-1.91-3.422a.5.5 0 0 1 .874-.488l.445.799l.802-1.306a.5.5 0 0 1 .688-.165M7.03 30h18.89c.32 0 .57-.26.57-.57v-1.61H6.46v1.61c0 .31.26.57.57.57"/><path fill="#44911b" d="M13.81 5.5h5.34v9.6h5.34V24l-8.01 1.453L8.47 24V12.1h5.34z"/><path fill="#f3ad61" d="M26.07 24H6.88c-.23 0-.42.19-.42.42v4.19h20.03v-4.19c0-.23-.18-.42-.42-.42"/><path fill="#ffdea7" d="M16.48 2c-1.47 0-2.67 1.2-2.67 2.67v1.89c0 1.47 1.2 2.67 2.67 2.67s2.67-1.2 2.67-2.67V4.67c0-1.48-1.2-2.67-2.67-2.67"/><path fill="#86d72f" d="M13.79 13.62h5.37v1.28h-5.37zm-5.32 3.22h5.34v1.28H8.47zm16.02 3.097h-5.31v-1.28h5.31zM19.16 21.2h-5.37v1.28h5.37z"/><path fill="#ffdea7" d="M21.82 10.25c-1.47 0-2.67 1.2-2.67 2.67v1.89c0 1.47 1.2 2.67 2.67 2.67s2.67-1.2 2.67-2.67v-1.89c0-1.48-1.2-2.67-2.67-2.67m-10.68-3c-1.47 0-2.67 1.2-2.67 2.67v1.89c0 1.47 1.2 2.67 2.67 2.67s2.67-1.2 2.67-2.67V9.92c0-1.48-1.2-2.67-2.67-2.67"/><path fill="#533566" d="M14.57 4.94c0-1.06.86-1.91 1.91-1.91s1.9.86 1.91 1.91v1.35a1.91 1.91 0 1 1-3.82 0zm-3.43 3.34c-1.05 0-1.91.85-1.91 1.91v1.35a1.91 1.91 0 1 0 3.82 0v-1.35a1.923 1.923 0 0 0-1.91-1.91m10.68 3c-1.05 0-1.91.85-1.91 1.91v1.35a1.91 1.91 0 1 0 3.82 0v-1.35a1.923 1.923 0 0 0-1.91-1.91"/></g></svg>
Comment utiliser l'icône Pine Decoration
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:pine-decoration" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:pine-decoration" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:pine-decoration" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--pine-decoration]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:pine-decoration"></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:pine-decoration"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/pine-decoration.svg" alt="Icône Pine Decoration" width="24" height="24">
Icônes similaires dans Fluent Emoji Flat
L'icône Pine Decoration dans d'autres collections
FAQ : Icône Pine Decoration
L'icône Pine Decoration 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 Pine Decoration dans React ?
Installez @iconify/react et affichez <Icon icon="fluent-emoji-flat:pine-decoration" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Pine Decoration à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/pine-decoration.svg" alt="Icône Pine Decoration">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Fluent Emoji Flat →
ICONYZ
