Icône Coat
fluent-emoji-flat:coat
L'icône Coat (fluent-emoji-flat:coat) 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
- Objets
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#8c5543" d="M19 6.01h-7V12h7z"/><path fill="#ffdea7" d="M8.023 19.965L6.274 22.83a.61.61 0 0 1-.84.24l-3.12-1.72a.617.617 0 0 1-.26-.79L8.795 7.348C9.345 6.338 10.023 6 11.12 6h.858l3.63 6.795l3.4-6.783h1.46c1.567 0 2.417 1.038 2.967 2.048l6.38 12.5c.13.29.02.63-.26.79l-3.12 1.72a.61.61 0 0 1-.84-.24l-1.59-2.843V29a.98.98 0 0 1-1 .992H9.016c-.575 0-1.028-.4-1.028-.98z"/><path fill="#e19747" d="M9.944 10.77c-.2.16-.21.46-.02.64l5.1 4.592c.613-.712.75-.85 1.82-2.312L12.004 6h-.71c-.72 0-1.35.5-1.53 1.2l-.4 1.76c-.1.39.2.77.6.77c0 0 .75.03.84.05c.09.01.13.12 0 .24c-.12.13-.51.47-.51.47z"/><path fill="#8c5543" d="M16.502 19.004a.502.502 0 1 0 0-1.004a.502.502 0 0 0 0 1.004m0 3a.502.502 0 1 0 0-1.004a.502.502 0 0 0 0 1.004M17 24.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0"/><path fill="#e19747" d="m9.076 23.684l3.718-2.2c.06-.04.206 0 .206.106v.414c0 .289-.086.512-.335.66l-2.502 1.49a.82.82 0 0 1-1.137-.29a.144.144 0 0 1 .05-.18m13.86 0l-3.73-2.2c-.06-.04-.206 0-.206.106v.414c0 .289.086.512.336.66l2.51 1.49c.39.24.91.11 1.14-.29c.03-.06.01-.14-.05-.18"/><path fill="#f3c07b" d="M14.006 15.737H15V30h-.994z"/><path fill="#f3ad61" d="M20.964 10.77c.2.16.21.46.02.64l-6.532 5.974c-.17.16-.45.04-.45-.19v-2.79c0-.26.06-.52.16-.76L18.992 6h.622c.72 0 1.35.5 1.53 1.2l.4 1.76c.1.39-.2.77-.6.77c0 0-.75.03-.84.05c-.09.01-.13.12 0 .24s.51.46.51.46z"/></g></svg>Comment utiliser l'icône Coat
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:coat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:coat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:coat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--coat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:coat"></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:coat"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/coat.svg" alt="Icône Coat" width="24" height="24">L'icône Coat dans d'autres collections
FAQ : Icône Coat
L'icône Coat 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 Coat dans React ?
Installez @iconify/react et affichez <Icon icon="fluent-emoji-flat:coat" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Coat à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/coat.svg" alt="Icône Coat">, ou collez le code SVG directement dans la page pour le styliser en CSS.