Ícone Coat
fluent-emoji-flat:coat
O ícone Coat (fluent-emoji-flat:coat) é um ícone SVG gratuito da coleção Fluent Emoji Flat de Microsoft Corporation. Ele é desenhado em uma grade de 32 × 32. Fluent Emoji Flat icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Fluent Emoji Flat
- Autor
- Microsoft Corporation
- Licença
- MIT
- Tamanho
- 32 × 32
- Categoria
- Objetos
Código 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>Como usar o ícone 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>Imagem HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/coat.svg" alt="Ícone Coat" width="24" height="24">O ícone Coat em outras coleções
Perguntas frequentes sobre Ícone Coat
O ícone Coat é grátis para uso comercial?
Sim. Fluent Emoji Flat icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Coat no React?
Instale @iconify/react e renderize <Icon icon="fluent-emoji-flat:coat" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Coat a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/coat.svg" alt="Ícone Coat">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.