Ícone Mouse Face

streamline-emojis:mouse-face

O ícone Mouse Face (streamline-emojis:mouse-face) é um ícone SVG gratuito da coleção Streamline Emojis de Streamline. Ele é desenhado em uma grade de 48 × 48. Streamline Emojis icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Streamline Emojis
Autor: Streamline
Licença: CC-BY-4.0
Tamanho: 48 × 48
Categoria: Animais e natureza
Tags: mouseface

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#e0e0e0" d="M3.767 14.662a9.43 9.43 0 1 0 17.815-6.19a9.43 9.43 0 1 0-17.815 6.19m22.641-.022a9.43 9.43 0 1 0 17.829-6.152a9.43 9.43 0 1 0-17.829 6.153"/><path fill="#f0f0f0" d="M12.68 4.5A9.42 9.42 0 0 1 22 12.75a9 9 0 0 0 .08-1.18a9.43 9.43 0 0 0-18.86 0a9 9 0 0 0 .08 1.18a9.42 9.42 0 0 1 9.38-8.25m22.64 0a9.42 9.42 0 0 1 9.35 8.25a9 9 0 0 0 .08-1.18a9.43 9.43 0 0 0-18.86 0a9 9 0 0 0 .11 1.18a9.42 9.42 0 0 1 9.32-8.25"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M3.767 14.662a9.43 9.43 0 1 0 17.815-6.19a9.43 9.43 0 1 0-17.815 6.19m22.641-.022a9.43 9.43 0 1 0 17.829-6.152a9.43 9.43 0 1 0-17.829 6.153"/><path fill="#bdbec0" d="M19.28 11.57A6.6 6.6 0 1 1 12.68 5a6.6 6.6 0 0 1 6.6 6.57m22.64 0A6.6 6.6 0 1 1 35.32 5a6.61 6.61 0 0 1 6.6 6.57"/><path fill="#87898c" d="M12.68 7.45a6.6 6.6 0 0 1 6.48 5.36a6.3 6.3 0 0 0 .12-1.24a6.6 6.6 0 0 0-13.2 0a6.3 6.3 0 0 0 .12 1.24a6.6 6.6 0 0 1 6.48-5.36m22.64 0a6.6 6.6 0 0 1 6.48 5.36a6.3 6.3 0 0 0 .12-1.24a6.6 6.6 0 0 0-13.2 0a6.3 6.3 0 0 0 .12 1.24a6.6 6.6 0 0 1 6.48-5.36"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M19.28 11.57A6.6 6.6 0 1 1 12.68 5a6.6 6.6 0 0 1 6.6 6.57m22.64 0A6.6 6.6 0 1 1 35.32 5a6.61 6.61 0 0 1 6.6 6.57"/><path fill="#e0e0e0" d="M36 21.85a12.15 12.15 0 0 0-12-11.72a12.15 12.15 0 0 0-12 11.72a7 7 0 0 0-4.64 6.65c0 2.9 2.57 4.75 4.87 5.77C14.7 35.37 16.18 37 18 39c1.65 1.77 2.68 3.52 6 3.52s4.32-1.75 6-3.52c1.85-2 3.33-3.61 5.8-4.71c2.3-1 4.87-2.87 4.87-5.77A7 7 0 0 0 36 21.85"/><path fill="#f0f0f0" d="M36 21.85a12.15 12.15 0 0 0-12-11.72a12.15 12.15 0 0 0-12 11.72a7 7 0 0 0-4.64 6.65a4.8 4.8 0 0 0 .16 1.23a7 7 0 0 1 3.76-4.89a1.42 1.42 0 0 0 .81-1.11A12.13 12.13 0 0 1 24 12.81a12.13 12.13 0 0 1 11.91 10.92a1.42 1.42 0 0 0 .81 1.11a7 7 0 0 1 3.76 4.89a4.8 4.8 0 0 0 .16-1.23A7 7 0 0 0 36 21.85"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M36 21.85a12.15 12.15 0 0 0-12-11.72a12.15 12.15 0 0 0-12 11.72a7 7 0 0 0-4.64 6.65c0 2.9 2.57 4.75 4.87 5.77C14.7 35.37 16.18 37 18 39c1.65 1.77 2.68 3.52 6 3.52s4.32-1.75 6-3.52c1.85-2 3.33-3.61 5.8-4.71c2.3-1 4.87-2.87 4.87-5.77A7 7 0 0 0 36 21.85"/><path fill="#45413c" d="M12.5 45.5a11.5 1.5 0 1 0 23 0a11.5 1.5 0 1 0-23 0" opacity=".15"/><path fill="#ffa694" d="M26.81 35.26A3.17 3.17 0 0 1 24 37.51a3.17 3.17 0 0 1-2.81-2.25c0-.62 1.26-1.12 2.81-1.12s2.81.5 2.81 1.12"/><path fill="#ffcabf" d="M24 35.56a4.6 4.6 0 0 1 2.42.56a1.74 1.74 0 0 0 .39-.86c0-.62-1.26-1.12-2.81-1.12s-2.81.5-2.81 1.12a1.74 1.74 0 0 0 .39.86a4.6 4.6 0 0 1 2.42-.56"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M26.81 35.26A3.17 3.17 0 0 1 24 37.51a3.17 3.17 0 0 1-2.81-2.25c0-.62 1.26-1.12 2.81-1.12s2.81.5 2.81 1.12"/><path fill="#45413c" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M28.76 24.78a1.41 1.41 0 1 0 2.82 0a1.41 1.41 0 1 0-2.82 0m-12.33 0a1.41 1.41 0 1 0 2.82 0a1.41 1.41 0 1 0-2.82 0"/><path fill="#ffa694" d="M38 28.71c0 .56-.76 1-1.71 1s-1.71-.44-1.71-1s.76-1 1.71-1s1.71.45 1.71 1m-24.54 0c0 .56-.76 1-1.71 1s-1.71-.44-1.71-1s.76-1 1.71-1s1.71.45 1.71 1"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M29.66 34.68a10.18 10.18 0 0 1 8.49 2.83m-8.49-.94s4.3.53 6.13 4.24m-17.45-6.13a10.18 10.18 0 0 0-8.49 2.83m8.49-.94s-4.3.53-6.13 4.24"/></svg>

Como usar o ícone Mouse Face

React

import { Icon } from "@iconify/react";

<Icon icon="streamline-emojis:mouse-face" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="streamline-emojis:mouse-face" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="streamline-emojis:mouse-face" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--mouse-face]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:mouse-face"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="streamline-emojis:mouse-face"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/streamline-emojis/mouse-face.svg" alt="Ícone Mouse Face" width="24" height="24">

Ícones relacionados em Streamline Emojis

O ícone Mouse Face em outras coleções

Perguntas frequentes sobre Ícone Mouse Face

O ícone Mouse Face é grátis para uso comercial?

Sim. Streamline Emojis icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.

Como uso o ícone Mouse Face no React?

Instale @iconify/react e renderize <Icon icon="streamline-emojis: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/streamline-emojis/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 Streamline Emojis →