mouse face emoji

mouse-face from Fluent Emoji Flat by Microsoft Corporation · Default · Animals & Nature · MIT Free for personal and commercial use.

Name
mouse-face
Set
Fluent Emoji Flat
Style
Default
Category
Animals & Nature
Viewbox
32×32
License
MIT

The same emoji in other sets

mouse-faceEmoji One (Colored)mouse-faceFluent Emojimouse-faceFluent Emoji High Contrastmouse-faceNoto Emojimouse-faceOpenMojimouse-faceStreamline Emojismouse-faceTwitter Emoji

More animals & nature icons from Fluent Emoji Flat

antbaby-chickbadgerbatbearbeaverbeetlebirdbisonblack-catblackbirdblossomblowfishboarbouquetbugbutterflycactuscamelcatcat-facecherry-blossomchickenchipmunk

Use the mouse face emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#cdc4d6" d="M14.987 12.083a6.5 6.5 0 1 0-7.794 6.786a6.6 6.6 0 0 0-.1 1.131c0 5.226 4.17 8.28 7.736 9.33c.765.226 1.58.235 2.339-.008c3.373-1.08 7.8-4.499 7.8-9.322c0-.34-.042-.725-.13-1.138a6.5 6.5 0 1 0-7.825-6.785q-.49-.046-1.013-.046q-.516 0-1.013.052"/><path fill="#1c1c1c" d="M12 21a1 1 0 0 0-1 1v1a1 1 0 1 0 2 0v-1a1 1 0 0 0-1-1m8 0a1 1 0 0 0-1 1v1a1 1 0 1 0 2 0v-1a1 1 0 0 0-1-1"/><path fill="#ff8687" d="M12.977 12.513c-2.778.921-4.812 3.058-5.564 5.453a5 5 0 1 1 5.563-5.453M29 13a5 5 0 0 1-4.412 4.966c-.715-2.077-2.47-4.502-5.561-5.486A5 5 0 0 1 29 13M16.031 27.969c1.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.109"/><path fill="#b4acbc" d="M12 26.5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h5a.5.5 0 0 0 .5-.5m8.5-.5a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1zm-.814 1.036a.5.5 0 1 0-.372.928l5 2a.5.5 0 1 0 .372-.928zm-7.372 0a.5.5 0 1 1 .372.928l-5 2a.5.5 0 1 1-.372-.928z"/></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiFlatMouseFace(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#cdc4d6" d="M14.987 12.083a6.5 6.5 0 1 0-7.794 6.786a6.6 6.6 0 0 0-.1 1.131c0 5.226 4.17 8.28 7.736 9.33c.765.226 1.58.235 2.339-.008c3.373-1.08 7.8-4.499 7.8-9.322c0-.34-.042-.725-.13-1.138a6.5 6.5 0 1 0-7.825-6.785q-.49-.046-1.013-.046q-.516 0-1.013.052"/><path fill="#1c1c1c" d="M12 21a1 1 0 0 0-1 1v1a1 1 0 1 0 2 0v-1a1 1 0 0 0-1-1m8 0a1 1 0 0 0-1 1v1a1 1 0 1 0 2 0v-1a1 1 0 0 0-1-1"/><path fill="#ff8687" d="M12.977 12.513c-2.778.921-4.812 3.058-5.564 5.453a5 5 0 1 1 5.563-5.453M29 13a5 5 0 0 1-4.412 4.966c-.715-2.077-2.47-4.502-5.561-5.486A5 5 0 0 1 29 13M16.031 27.969c1.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.109"/><path fill="#b4acbc" d="M12 26.5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h5a.5.5 0 0 0 .5-.5m8.5-.5a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1zm-.814 1.036a.5.5 0 1 0-.372.928l5 2a.5.5 0 1 0 .372-.928zm-7.372 0a.5.5 0 1 1 .372.928l-5 2a.5.5 0 1 1-.372-.928z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#cdc4d6" d="M14.987 12.083a6.5 6.5 0 1 0-7.794 6.786a6.6 6.6 0 0 0-.1 1.131c0 5.226 4.17 8.28 7.736 9.33c.765.226 1.58.235 2.339-.008c3.373-1.08 7.8-4.499 7.8-9.322c0-.34-.042-.725-.13-1.138a6.5 6.5 0 1 0-7.825-6.785q-.49-.046-1.013-.046q-.516 0-1.013.052"/><path fill="#1c1c1c" d="M12 21a1 1 0 0 0-1 1v1a1 1 0 1 0 2 0v-1a1 1 0 0 0-1-1m8 0a1 1 0 0 0-1 1v1a1 1 0 1 0 2 0v-1a1 1 0 0 0-1-1"/><path fill="#ff8687" d="M12.977 12.513c-2.778.921-4.812 3.058-5.564 5.453a5 5 0 1 1 5.563-5.453M29 13a5 5 0 0 1-4.412 4.966c-.715-2.077-2.47-4.502-5.561-5.486A5 5 0 0 1 29 13M16.031 27.969c1.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.109"/><path fill="#b4acbc" d="M12 26.5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h5a.5.5 0 0 0 .5-.5m8.5-.5a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1zm-.814 1.036a.5.5 0 1 0-.372.928l5 2a.5.5 0 1 0 .372-.928zm-7.372 0a.5.5 0 1 1 .372.928l-5 2a.5.5 0 1 1-.372-.928z"/></g></svg>
</template>

CSS

.icon-mouse-face {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23cdc4d6%22%20d%3D%22M14.987%2012.083a6.5%206.5%200%201%200-7.794%206.786a6.6%206.6%200%200%200-.1%201.131c0%205.226%204.17%208.28%207.736%209.33c.765.226%201.58.235%202.339-.008c3.373-1.08%207.8-4.499%207.8-9.322c0-.34-.042-.725-.13-1.138a6.5%206.5%200%201%200-7.825-6.785q-.49-.046-1.013-.046q-.516%200-1.013.052%22%2F%3E%3Cpath%20fill%3D%22%231c1c1c%22%20d%3D%22M12%2021a1%201%200%200%200-1%201v1a1%201%200%201%200%202%200v-1a1%201%200%200%200-1-1m8%200a1%201%200%200%200-1%201v1a1%201%200%201%200%202%200v-1a1%201%200%200%200-1-1%22%2F%3E%3Cpath%20fill%3D%22%23ff8687%22%20d%3D%22M12.977%2012.513c-2.778.921-4.812%203.058-5.564%205.453a5%205%200%201%201%205.563-5.453M29%2013a5%205%200%200%201-4.412%204.966c-.715-2.077-2.47-4.502-5.561-5.486A5%205%200%200%201%2029%2013M16.031%2027.969c1.196%200%201.938-1.735%201.938-2.11S17.644%2025%2016.03%2025c-1.828%200-2.015.422-2.015.86c0%20.32.82%202.109%202.015%202.109%22%2F%3E%3Cpath%20fill%3D%22%23b4acbc%22%20d%3D%22M12%2026.5a.5.5%200%200%200-.5-.5h-5a.5.5%200%200%200%200%201h5a.5.5%200%200%200%20.5-.5m8.5-.5a.5.5%200%200%200%200%201h5a.5.5%200%200%200%200-1zm-.814%201.036a.5.5%200%201%200-.372.928l5%202a.5.5%200%201%200%20.372-.928zm-7.372%200a.5.5%200%201%201%20.372.928l-5%202a.5.5%200%201%201-.372-.928z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23cdc4d6%22%20d%3D%22M14.987%2012.083a6.5%206.5%200%201%200-7.794%206.786a6.6%206.6%200%200%200-.1%201.131c0%205.226%204.17%208.28%207.736%209.33c.765.226%201.58.235%202.339-.008c3.373-1.08%207.8-4.499%207.8-9.322c0-.34-.042-.725-.13-1.138a6.5%206.5%200%201%200-7.825-6.785q-.49-.046-1.013-.046q-.516%200-1.013.052%22%2F%3E%3Cpath%20fill%3D%22%231c1c1c%22%20d%3D%22M12%2021a1%201%200%200%200-1%201v1a1%201%200%201%200%202%200v-1a1%201%200%200%200-1-1m8%200a1%201%200%200%200-1%201v1a1%201%200%201%200%202%200v-1a1%201%200%200%200-1-1%22%2F%3E%3Cpath%20fill%3D%22%23ff8687%22%20d%3D%22M12.977%2012.513c-2.778.921-4.812%203.058-5.564%205.453a5%205%200%201%201%205.563-5.453M29%2013a5%205%200%200%201-4.412%204.966c-.715-2.077-2.47-4.502-5.561-5.486A5%205%200%200%201%2029%2013M16.031%2027.969c1.196%200%201.938-1.735%201.938-2.11S17.644%2025%2016.03%2025c-1.828%200-2.015.422-2.015.86c0%20.32.82%202.109%202.015%202.109%22%2F%3E%3Cpath%20fill%3D%22%23b4acbc%22%20d%3D%22M12%2026.5a.5.5%200%200%200-.5-.5h-5a.5.5%200%200%200%200%201h5a.5.5%200%200%200%20.5-.5m8.5-.5a.5.5%200%200%200%200%201h5a.5.5%200%200%200%200-1zm-.814%201.036a.5.5%200%201%200-.372.928l5%202a.5.5%200%201%200%20.372-.928zm-7.372%200a.5.5%200%201%201%20.372.928l-5%202a.5.5%200%201%201-.372-.928z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/mouse-face.svg?color=%231a73e8&size=48