Ícone Mouse Face
fluent-emoji-high-contrast:mouse-face
O ícone Mouse Face (fluent-emoji-high-contrast:mouse-face) é um ícone SVG gratuito da coleção Fluent Emoji High Contrast de Microsoft Corporation. Ele é desenhado em uma grade de 32 × 32. Fluent Emoji High Contrast 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 High Contrast
- Autor
- Microsoft Corporation
- Licença
- MIT
- Tamanho
- 32 × 32
- Categoria
- Animais e natureza
- Tags
- mouseface
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M10.75 21.207a1.25 1.25 0 0 1 2.5 0v1.5a1.25 1.25 0 1 1-2.5 0zm8 0a1.25 1.25 0 0 1 2.5 0v1.5a1.25 1.25 0 1 1-2.5 0zm-2.719 6.762c1.196 0 1.938-1.735 1.938-2.11S17.644 25 16.03 25c-1.828 0-2.015.422-2.015.86c0 .32.82 2.109 2.015 2.109m7.501-19.483a4.5 4.5 0 0 0-4.493 4.74l.016.31l.285.123c1.814.782 3.046 2.16 3.786 3.56l.142.27l.305-.003a4.5 4.5 0 0 0-.04-9m-15.079.007a4.5 4.5 0 0 0-.134 8.998l.312.01l.145-.277c.79-1.505 2.14-2.803 3.869-3.549l.284-.123l.017-.309a4.5 4.5 0 0 0-4.493-4.75"/><path d="m8.96 28.355l-1.644.649a.5.5 0 0 0 .367.93l2.18-.86a14.6 14.6 0 0 0 4.4 2.175a6 6 0 0 0 3.515-.023c1.362-.436 2.844-1.183 4.212-2.203l2.311.91a.5.5 0 1 0 .367-.93l-1.784-.703a14 14 0 0 0 1.318-1.316h1.235a.5.5 0 0 0 0-1h-.447c1.124-1.586 1.917-3.512 1.975-5.72A8.5 8.5 0 1 0 16 8.497A8.5 8.5 0 1 0 5.097 20.291c.054 2.247.735 4.137 1.767 5.692h-.318a.5.5 0 1 0 0 1h1.066c.417.499.87.955 1.348 1.371M8.5 6a6.5 6.5 0 0 1 6.487 6.083a10 10 0 0 1 1.424-.044q.308.01.602.038q.012-.186.035-.37a6.501 6.501 0 1 1 7.837 7.145l-.047.01l.01.05c.082.394.12.762.12 1.088c0 2.371-1.07 4.403-2.559 5.984H20.5a.5.5 0 1 0 0 1h.845q-.295.247-.6.472l-1.03-.405a.5.5 0 0 0-.367.93l.387.152a12.2 12.2 0 0 1-2.567 1.189a4 4 0 0 1-2.34.009a12.6 12.6 0 0 1-2.69-1.154l.498-.196a.5.5 0 0 0-.367-.93l-1.165.46q-.346-.25-.675-.527h1.055a.5.5 0 0 0 0-1h-2.09c-1.364-1.519-2.3-3.507-2.3-5.984q0-.568.099-1.131A6.5 6.5 0 0 1 8.5 6"/></g></svg>
Como usar o ícone Mouse Face
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:mouse-face" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:mouse-face" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:mouse-face" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--mouse-face]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:mouse-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-high-contrast:mouse-face"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/mouse-face.svg" alt="Ícone Mouse Face" width="24" height="24">
Ícones relacionados em Fluent Emoji High Contrast
O ícone Mouse Face em outras coleções
Perguntas frequentes sobre Ícone Mouse Face
O ícone Mouse Face é grátis para uso comercial?
Sim. Fluent Emoji High Contrast icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Mouse Face no React?
Instale @iconify/react e renderize <Icon icon="fluent-emoji-high-contrast:mouse-face" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Mouse 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-high-contrast/mouse-face.svg" alt="Ícone Mouse Face">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Fluent Emoji High Contrast →
ICONYZ
