Icône Pineapple

openmoji:pineapple

L'icône Pineapple (openmoji:pineapple) est une icône SVG gratuite de la collection OpenMoji. Elle est dessinée sur une grille de 72 × 72. Les OpenMoji icons sont publiées sous la licence CC BY-SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: OpenMoji
Auteur: OpenMoji
Licence: CC-BY-SA-4.0
Taille: 72 × 72
Catégorie: Nourriture et boissons

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><g stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><path fill="#a57939" stroke="#a57939" stroke-linecap="round" d="M37.17 65.34h-1.26c-6.6 0-12-5.4-12-12V41.67c0-6.6 5.4-12 12-12h.82s7.35 3.41 7.35 8v20.31s.42 7.36-6.91 7.36"/><path fill="#6a462f" stroke="#6a462f" stroke-linecap="round" d="M49.75 41.67v11.67c0 6.6-5.4 12-12 12h-.58c7.33 0 6.91-7.36 6.91-7.36V37.67c0-4.59-7.35-8-7.35-8h1.02c6.6 0 12 5.4 12 12"/><path fill="#b1cc33" d="M44.374 14.679c2.134.044 3.87.583 3.87.583s-2.215 2.214-4.605 5.561c1.94.044 3.503.54 3.503.54s-3.115 3.127-5.811 7.466c-1.89 3.04-4.596 2.82-4.596 2.82s-2.706.23-4.606-2.82c-2.696-4.339-5.81-7.466-5.81-7.466s1.562-.496 3.502-.54c-2.39-3.347-4.605-5.56-4.605-5.56s1.736-.54 3.87-.584c-2.298-3.128-4.33-5.154-4.33-5.154s7.915-2.434 10.938 2.434c.439.704.776 1.387 1.041 2.048c.256-.66.593-1.344 1.032-2.048C40.79 7.09 48.704 9.525 48.704 9.525s-2.032 2.026-4.33 5.154"/><path fill="#b1cc33" d="M43.639 20.823c-3.052 1.236-3.523 3.16-4.321 4.09m5.056-10.234s-4.438 1.544-4.67 4.363m-9.848 1.781c3.051 1.236 3.523 3.16 4.321 4.09M29.12 14.679s4.44 1.544 4.67 4.363"/></g><g fill="none" stroke="#000" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><path stroke-linecap="round" d="M45.305 32.368c2.706 2.205 4.443 5.562 4.443 9.305v11.666c0 6.6-5.4 12-12 12h-1.835c-6.6 0-12-5.4-12-12V41.673c0-4.085 2.068-7.71 5.21-9.88"/><path d="M44.374 14.679c2.134.044 3.87.583 3.87.583s-2.215 2.214-4.605 5.561c1.94.044 3.503.54 3.503.54s-3.115 3.127-5.811 7.466c-1.89 3.04-4.596 2.82-4.596 2.82s-2.706.23-4.606-2.82c-2.696-4.339-5.81-7.466-5.81-7.466s1.562-.496 3.502-.54c-2.39-3.347-4.605-5.56-4.605-5.56s1.736-.54 3.87-.584c-2.298-3.128-4.33-5.154-4.33-5.154s7.915-2.434 10.938 2.434c.439.704.776 1.387 1.041 2.048c.256-.66.593-1.344 1.032-2.048C40.79 7.09 48.704 9.525 48.704 9.525s-2.032 2.026-4.33 5.154z"/><path stroke-linecap="round" d="M43.639 20.823c-3.052 1.236-3.523 3.16-4.321 4.09m5.056-10.234s-4.438 1.544-4.67 4.363m-9.848 1.781c3.051 1.236 3.523 3.16 4.321 4.09M29.12 14.679s4.44 1.544 4.67 4.363"/></g></svg>

Comment utiliser l'icône Pineapple

React

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

<Icon icon="openmoji:pineapple" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:pineapple" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:pineapple" width="24" />

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:pineapple"></div>

Web component

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

<iconify-icon icon="openmoji:pineapple"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/openmoji/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 OpenMoji icons sont publiées sous la licence CC BY-SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence.

Comment utiliser l'icône Pineapple dans React ?

Installez @iconify/react et affichez <Icon icon="openmoji: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/openmoji/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 OpenMoji →