Ícone Cow Face
fluent-emoji-flat:cow-face
O ícone Cow Face (fluent-emoji-flat:cow-face) é 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
- Animais e natureza
- Tags
- cowface
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="#ffdea7" d="M13.98 2.54a3.992 3.992 0 0 0 2.52 5.546a3.992 3.992 0 0 0 2.52-5.546c-.14-.31.16-.63.47-.51c.25.1.49.22.72.38a4.01 4.01 0 0 1 1.34 5.18a3.993 3.993 0 0 1-5.05 1.855a3.993 3.993 0 0 1-5.05-1.855c-.94-1.8-.36-4.06 1.34-5.18c.23-.16.47-.28.72-.38c.31-.12.61.2.47.51"/><path fill="#d3d3d3" d="m20.5 7.5l-4-1.5h-4.81c-.47 0-.93.07-1.36.2c-.48.14-1.2.64-1.33 1.2v15.07h16V10.69q0-.448-.081-.873z"/><path fill="#636363" d="M6.09 10h.965q-.046.257-.055.53v9.64l9-1.54v-4.51c0-2.58-1.28-4.98-3.42-6.41a3.56 3.56 0 0 0-2.686-.548A4.094 4.094 0 0 0 5.9 4H2.62c-.34 0-.62.28-.62.62v1.29C2 8.17 3.83 10 6.09 10M22 10h3.91C28.17 10 30 8.17 30 5.91V4.62c0-.34-.28-.62-.63-.62h-3.28a4.09 4.09 0 0 0-3.752 2.46A4.7 4.7 0 0 0 20.31 6H16l2.38 2.38A5.54 5.54 0 0 0 22 9.992z"/><path fill="#212121" d="M11 15c0 .55.45 1 1 1s1-.45 1-1v-1c0-.55-.45-1-1-1s-1 .45-1 1zm9 1c.55 0 1-.45 1-1v-1c0-.55-.45-1-1-1s-1 .45-1 1v1c0 .55.45 1 1 1"/><path fill="#fbb8ab" d="M5.91 5.5c1.17 0 2.17.78 2.48 1.85c-.34.34-.62.73-.85 1.15H6.09A2.59 2.59 0 0 1 3.5 5.91v-.2c0-.12.09-.21.21-.21zm20.18 0c-1.17 0-2.17.78-2.48 1.85c.34.33.63.72.85 1.15h1.45a2.59 2.59 0 0 0 2.59-2.59v-.2c0-.12-.09-.21-.21-.21zM20.48 17c2.99-.01 5.48 2.41 5.52 5.42A5.5 5.5 0 0 1 20.5 28h-.309l-4.203.957L11.813 28H11.5c-3.06 0-5.54-2.5-5.5-5.58c.04-3.03 2.58-5.48 5.61-5.42z"/><path fill="#ff8687" d="M13 22a1 1 0 1 0 0-2a1 1 0 0 0 0 2m7.304 6A5.64 5.64 0 0 1 16 29.99A5.64 5.64 0 0 1 11.696 28zM20 21a1 1 0 1 1-2 0a1 1 0 0 1 2 0"/></g></svg>Como usar o ícone Cow Face
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:cow-face" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:cow-face" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:cow-face" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--cow-face]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:cow-face"></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:cow-face"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/cow-face.svg" alt="Ícone Cow Face" width="24" height="24">Ícones relacionados em Fluent Emoji Flat
O ícone Cow Face em outras coleções
Perguntas frequentes sobre Ícone Cow Face
O ícone Cow Face é 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 Cow Face no React?
Instale @iconify/react e renderize <Icon icon="fluent-emoji-flat:cow-face" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Cow Face 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/cow-face.svg" alt="Ícone Cow Face">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.