Icône Penguin
fluent-emoji-flat:penguin
L'icône Penguin (fluent-emoji-flat:penguin) 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
- Animaux et nature
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#533566" d="M16.09 2.355c4.035 0 7.818 3.7 8.154 7.356c.033.358.214 1.199.448 2.273l.044.048c1.453 1.6 6.663 8.713 4.685 10.69c-.654.654-2.07.235-3.646-.619c-.28 1.173-.784 2.3-1.467 3.318L24 29s-5.988 1.075-8.16 1.044C13.76 30.014 8 29 8 29l-.362-3.58a10.3 10.3 0 0 1-1.442-3.3c-1.565.842-2.968 1.252-3.617.603C.653 20.796 5.544 14 7.143 12.168l.228-1.078c.138-.65.243-1.14.284-1.379c.644-3.74 3.923-7.356 8.434-7.356"/><path fill="#fff" d="M21.45 14.14c.589-.939.922-2.154.922-3.675c0-3.028-3.016-5.92-5.12-5.92c-.28 0-.378.302-.485.633c-.13.399-.272.839-.763.839c-.501 0-.666-.46-.811-.865c-.115-.32-.218-.608-.466-.608c-2.09 0-5.161 2.82-5.161 5.921c0 1.547.339 2.755.92 3.677a7.9 7.9 0 0 0-2.616 5.873c0 4.408 3.626 7.982 8.099 7.982s8.099-3.574 8.099-7.982a7.9 7.9 0 0 0-2.619-5.876"/><path fill="#ff822d" d="M13 13.016h6.017A3.027 3.027 0 0 0 16.005 10A3.01 3.01 0 0 0 13 13.016m-6.596 16.58a9.56 9.56 0 0 1 1.201-4.225c1.774 2.71 4.79 4.623 8.235 4.673c3.54.05 6.66-1.91 8.487-4.652a9.56 9.56 0 0 1 1.19 4.204a.433.433 0 0 1-.44.449H6.844a.433.433 0 0 1-.439-.449"/><path fill="#1c1c1c" d="M14 8.194c0 .278.222.5.5.5s.5-.222.5-.5V7.5c0-.278-.222-.5-.5-.5s-.5.222-.5.5zm3 0c0 .278.222.5.5.5s.5-.222.5-.5V7.5c0-.278-.222-.5-.5-.5s-.5.222-.5.5z"/></g></svg>
Comment utiliser l'icône Penguin
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:penguin" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:penguin" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:penguin" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--penguin]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:penguin"></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:penguin"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/penguin.svg" alt="Icône Penguin" width="24" height="24">
L'icône Penguin dans d'autres collections
FAQ : Icône Penguin
L'icône Penguin 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 Penguin dans React ?
Installez @iconify/react et affichez <Icon icon="fluent-emoji-flat:penguin" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Penguin à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/penguin.svg" alt="Icône Penguin">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Fluent Emoji Flat →
ICONYZ
