Icône Pineapple
twemoji:pineapple
L'icône Pineapple (twemoji:pineapple) 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
- Nourriture et boissons
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#5c913b" d="M18.241 9.633c-.277-3.307 2.17-4.72 2.17-4.72c-3.199.113-4.894 2.826-4.894 2.826c-.752-1.3.946-4.012 2.169-4.719c-3.198.113-3.67 2.12-3.67 2.12c-1.503-2.601-1.03-4.607-1.03-4.607c-1.121.647-1.767 2.113-2.141 3.512l-2.318-2.67c-.23 1.044.157 3.174.573 4.959c-3.055-1.79-5.903-.15-5.903-.15c3.95 1.188 5.45 3.788 5.45 3.788s-3.948-1.187-5.646 1.526c2.597-.092 4.5.499 5.856 1.23c-1.163.289-3.145-.236-4.355 1.371c0 0 3.198-.113 3.851 1.055c-2.172.614-3.575 2.251-3.575 2.251c4.422-.818 9.123 1.669 9.123 1.669l6.119-3.532c-1.029-4.607 2.642-6.727 2.642-6.727c-2.724-1.895-4.421.818-4.421.818"/><path fill="#ffac33" d="M29.56 22.88c2.488 4.309 1.218 9.7-2.837 12.041s-9.359.746-11.846-3.562l-1.589-2.753c-2.488-4.31-1.217-9.699 2.837-12.04s9.359-.747 11.846 3.562z"/><path fill="#ffcc4d" d="M30.562 25.364a9.5 9.5 0 0 0-1.002-2.484l-.186-.323v.001l-1.951-.828l.624-1.471l-.075-.131c-2.025-3.51-5.92-5.217-9.486-4.466l-.818 1.926l-1.884-.8c-3.28 2.122-4.567 6.319-3.262 10.128l1.006.427l-.401.946c.055.105.102.212.163.315l1.589 2.753a9.4 9.4 0 0 0 2.618 2.909l.229-.538l1.951.828l-.324.764a8.8 8.8 0 0 0 2.061.572l.215-.507l1.403.595a8 8 0 0 0 3.343-.883l-.017-.007l.828-1.951l1.189.504a8.2 8.2 0 0 0 1.334-1.736l-1.693-.72l.828-1.951l1.667.707c.191-.7.301-1.427.316-2.167l-1.155-.49l.828-1.951zm-6.212-7.243l1.95.829l-.828 1.95l-1.951-.828zm.294 4.731l-.828 1.95l-1.951-.827l.828-1.951zm-4.197-6.387l1.951.828l-.829 1.952l-1.951-.828zm-1.656 3.902l1.951.828l-.828 1.951l-1.95-.828zm-3.902-1.655l1.95.828l-.828 1.949l-1.95-.828zm-2.484 5.853l.828-1.952l1.951.828l-.829 1.952zm4.196 6.385l-1.951-.827l.828-1.951l1.951.828zm-.295-4.73l.829-1.951l1.951.827l-.829 1.952zm4.196 6.386l-1.95-.828l.828-1.95l1.95.829zm-.294-4.73l.828-1.952l1.951.829l-.828 1.952zm4.197 6.388l-1.951-.828l.828-1.951l1.951.828zm1.657-3.904l-1.95-.827l.828-1.952l1.95.828zm1.656-3.901l-1.951-.828l.828-1.95l1.951.827z"/></svg>
Comment utiliser l'icône Pineapple
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:pineapple" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:pineapple" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:pineapple" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--pineapple]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:pineapple"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:pineapple"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/twemoji/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 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 Pineapple dans React ?
Installez @iconify/react et affichez <Icon icon="twemoji: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/twemoji/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 Twitter Emoji →
ICONYZ
