Icône Pineapple

fluent-emoji-flat:pineapple

L'icône Pineapple (fluent-emoji-flat:pineapple) 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: Nourriture et boissons

Télécharger le SVG

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="M11.445 5.455C10.792 3.92 9.547 2.637 7.9 2.007a6.33 6.33 0 0 0 .327 4.711A5.78 5.78 0 0 0 4 7c1.405 2.963 4.826 4.309 7.733 3.086l.002.005l.11-.053l.108-.05l-.002-.006c2.787-1.477 3.91-4.977 2.504-7.94a5.8 5.8 0 0 0-3.01 3.413"/><path fill="#f3ad61" d="M15.678 8.96v-.085a7.22 7.22 0 0 1 6.092 4.111l1.137 2.397l-.136.223l1.953 3.93h.127a7.2 7.2 0 0 1 .411 3.467l-.059.048l-.847 2.543v.107a7.2 7.2 0 0 1-3.17 2.928l-1.071.508a7.2 7.2 0 0 1-4.327.593l-.042-.066l-2.578-1s-.052.016-.05.03a7.2 7.2 0 0 1-2.361-2.47l.032-.037l-1.965-4.132l-.056.03l-1.135-2.394a7.22 7.22 0 0 1 .683-7.338l.036.057l1.869-1.776v-.09q.404-.263.851-.475l1.072-.508q.445-.211.902-.357l.053.079z"/><path fill="#e19747" d="m13.029 10.546l2.132 1.335a.255.255 0 0 0 .388-.184l.313-2.529a.26.26 0 0 0-.117-.247l-.067-.046a7.2 7.2 0 0 0-2.632.329l-.138 1.086a.28.28 0 0 0 .121.256m-4.713 1.807a7.2 7.2 0 0 1 1.905-1.81l.918.597a.26.26 0 0 1 .117.247l-.315 2.495a.255.255 0 0 1-.389.185L8.421 12.73a.28.28 0 0 1-.122-.256zm2.441 13.871a7 7 0 0 1-.274-.522l-1.715-3.617c.064-.14.235-.225.366-.133l2.132 1.335a.26.26 0 0 1 .117.247l-.315 2.495c-.021.145-.17.222-.311.195m5.031 3.506a7.3 7.3 0 0 1-2.67-1.035l-.004-.047l.313-2.518a.255.255 0 0 1 .389-.185l2.131 1.336a.22.22 0 0 1 .117.246zm9.475-6.726a7.3 7.3 0 0 1-.907 2.697l-1.92-1.195a.26.26 0 0 1-.117-.247l.315-2.495a.255.255 0 0 1 .389-.185l2.16 1.35a.2.2 0 0 1 .08.075m-2.356-7.621l1.714 3.615q.126.266.23.537c-.058.127-.234.217-.366.131l-2.131-1.335a.26.26 0 0 1-.117-.247l.315-2.495c.021-.166.209-.26.355-.206m-11.685 1.932L9.09 15.98a.255.255 0 0 0-.389.184l-.315 2.495a.26.26 0 0 0 .117.247l2.132 1.335a.255.255 0 0 0 .389-.184l.314-2.495a.22.22 0 0 0-.116-.247m4.021.741a.255.255 0 0 0 .389-.184l.315-2.496a.26.26 0 0 0-.117-.246l-2.132-1.336a.255.255 0 0 0-.389.185l-.314 2.495a.26.26 0 0 0 .117.247zm4.599-2.181a.255.255 0 0 0 .389-.184l.315-2.496a.26.26 0 0 0-.117-.246l-2.132-1.336a.255.255 0 0 0-.389.185l-.315 2.495a.26.26 0 0 0 .117.247zm-3.968 5.227l-2.131-1.336a.255.255 0 0 0-.389.185l-.315 2.495a.26.26 0 0 0 .117.247l2.132 1.335a.255.255 0 0 0 .388-.184l.315-2.496a.26.26 0 0 0-.117-.246m4.599-2.182l-2.131-1.335a.255.255 0 0 0-.389.185l-.315 2.495a.26.26 0 0 0 .117.247l2.132 1.335a.255.255 0 0 0 .388-.184l.315-2.496a.26.26 0 0 0-.117-.246m-2.049 4.839a.255.255 0 0 0-.389.184l-.314 2.496a.26.26 0 0 0 .116.246l2.132 1.336a.255.255 0 0 0 .389-.185l.315-2.495a.26.26 0 0 0-.117-.247z"/></g></svg>

Comment utiliser l'icône Pineapple

React

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

<Icon icon="fluent-emoji-flat:pineapple" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji-flat:pineapple" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji-flat:pineapple" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--pineapple]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:pineapple"></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:pineapple"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/pineapple.svg" alt="Icône Pineapple" width="24" height="24">

L'icône Pineapple dans d'autres collections

FAQ : Icône Pineapple

L'icône Pineapple 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 Pineapple dans React ?

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

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

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/pineapple.svg" alt="Icône Pineapple">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Fluent Emoji Flat →