Icône Goat
fluent-emoji-high-contrast:goat
L'icône Goat (fluent-emoji-high-contrast:goat) est une icône SVG gratuite de la collection Fluent Emoji High Contrast par Microsoft Corporation. Elle est dessinée sur une grille de 32 × 32. Les Fluent Emoji High Contrast 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 High Contrast
- 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"><g fill="currentColor" clip-path="url(#SVGkRCCwb7V)"><path d="m8.78 10.43l1.79-.89l1.3 2.54c.2.39-.1.87-.54.84c-.79-.05-1.58-.57-1.94-1.28zm-1.28 1c-.28 0-.5-.22-.5-.5v-.75c0-.28.22-.5.5-.5s.5.22.5.5v.75c0 .28-.22.5-.5.5"/><path d="m24.01 27.316l.99.708v1.666A2.31 2.31 0 0 0 27.31 32h2.38A2.31 2.31 0 0 0 32 29.69v-5.04a3.53 3.53 0 0 0-1.051-2.519L30 21.182V12a4 4 0 0 0-2.7-3.781a2.51 2.51 0 0 0-2.263.328A2.46 2.46 0 0 0 24 10.57V11h-8.764l-1.757-3.515a4.5 4.5 0 0 0-1.007-1.316A3.2 3.2 0 0 1 13.5 6c.616 0 1.19.188 1.674.507A.851.851 0 0 0 16.5 5.8a.9.9 0 0 0-.173-.52l-.014-.02l-.015-.017A5 5 0 0 0 12.5 3.5c-1.354 0-2.57.587-3.463 1.5H6.91a4.22 4.22 0 0 0-2.96 1.226L.9 9.276A3.04 3.04 0 0 0 0 11.44a3.56 3.56 0 0 0 1.67 3.015v1.305c0 .68.55 1.24 1.24 1.24h.59v-2h.291l1.501 5.9A5.96 5.96 0 0 0 8 24.346v5.334A2.32 2.32 0 0 0 10.31 32h2.38A2.31 2.31 0 0 0 15 29.69v-1.907A4.8 4.8 0 0 0 16 25h3v3.378c0 .168-.03.326-.1.472l-1.67 2.644c-.1.236.05.506.28.506h3.03c.3 0 .57-.157.75-.427l2.41-2.476c.2-.303.31-.675.31-1.057zM7.699 7.315c-.272.966.467 1.905 1.451 1.905c.698 0 1.288-.483 1.463-1.141l.002-.006q.085-.337.255-.63c.347.239.629.56.82.937l1.79 3.579A1.87 1.87 0 0 0 15.16 13h10.839v-2.43a.47.47 0 0 1 .2-.395a.54.54 0 0 1 .463-.061A2 2 0 0 1 28 12v10.01l1.545 1.545A1.53 1.53 0 0 1 30 24.65V28h-3v-1l-5.588-4H14v1.85a2.8 2.8 0 0 1-.736 1.892l-.264.287V28h-3v-4.935l-.611-.257A3.9 3.9 0 0 1 7.21 20.33l-1.72-6.76l.01-4.309V9.26c0-.507-.245-.914-.596-1.164l.456-.456c.412-.409.97-.639 1.55-.64h.887q-.054.156-.098.315M30 29v.7a.31.31 0 0 1-.31.31h-2.38a.31.31 0 0 1-.31-.31V29zm-20 .68V29h3v.69a.31.31 0 0 1-.31.31h-2.38a.314.314 0 0 1-.31-.32M2.31 10.69l1.852-1.852a.43.43 0 0 1 .338.422L4.492 13H3.56a1.56 1.56 0 0 1-1.455-1h.955c.64-.04.6-1-.04-1H2.1a1 1 0 0 0-.07.183a1.06 1.06 0 0 1 .28-.493"/></g><defs><clipPath id="SVGkRCCwb7V"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></g></svg>
Comment utiliser l'icône Goat
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:goat" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:goat" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:goat" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--goat]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:goat"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:goat"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/goat.svg" alt="Icône Goat" width="24" height="24">
L'icône Goat dans d'autres collections
FAQ : Icône Goat
L'icône Goat est-elle gratuite pour un usage commercial ?
Oui. Les Fluent Emoji High Contrast icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Goat dans React ?
Installez @iconify/react et affichez <Icon icon="fluent-emoji-high-contrast:goat" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Goat à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/goat.svg" alt="Icône Goat">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Fluent Emoji High Contrast →
ICONYZ
