mouse face emoji
mouse-face from Fluent Emoji High Contrast by Microsoft Corporation · Default · Animals & Nature · MIT Free for personal and commercial use.
- Name
- mouse-face
- Set
- Fluent Emoji High Contrast
- Style
- Default
- Category
- Animals & Nature
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More animals & nature icons from Fluent Emoji High Contrast
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="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>
React
import type { SVGProps } from "react";
export function FluentEmojiHighContrastMouseFace(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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> </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%22currentColor%22%3E%3Cpath%20d%3D%22M10.75%2021.207a1.25%201.25%200%200%201%202.5%200v1.5a1.25%201.25%200%201%201-2.5%200zm8%200a1.25%201.25%200%200%201%202.5%200v1.5a1.25%201.25%200%201%201-2.5%200zm-2.719%206.762c1.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.109m7.501-19.483a4.5%204.5%200%200%200-4.493%204.74l.016.31l.285.123c1.814.782%203.046%202.16%203.786%203.56l.142.27l.305-.003a4.5%204.5%200%200%200-.04-9m-15.079.007a4.5%204.5%200%200%200-.134%208.998l.312.01l.145-.277c.79-1.505%202.14-2.803%203.869-3.549l.284-.123l.017-.309a4.5%204.5%200%200%200-4.493-4.75%22%2F%3E%3Cpath%20d%3D%22m8.96%2028.355l-1.644.649a.5.5%200%200%200%20.367.93l2.18-.86a14.6%2014.6%200%200%200%204.4%202.175a6%206%200%200%200%203.515-.023c1.362-.436%202.844-1.183%204.212-2.203l2.311.91a.5.5%200%201%200%20.367-.93l-1.784-.703a14%2014%200%200%200%201.318-1.316h1.235a.5.5%200%200%200%200-1h-.447c1.124-1.586%201.917-3.512%201.975-5.72A8.5%208.5%200%201%200%2016%208.497A8.5%208.5%200%201%200%205.097%2020.291c.054%202.247.735%204.137%201.767%205.692h-.318a.5.5%200%201%200%200%201h1.066c.417.499.87.955%201.348%201.371M8.5%206a6.5%206.5%200%200%201%206.487%206.083a10%2010%200%200%201%201.424-.044q.308.01.602.038q.012-.186.035-.37a6.501%206.501%200%201%201%207.837%207.145l-.047.01l.01.05c.082.394.12.762.12%201.088c0%202.371-1.07%204.403-2.559%205.984H20.5a.5.5%200%201%200%200%201h.845q-.295.247-.6.472l-1.03-.405a.5.5%200%200%200-.367.93l.387.152a12.2%2012.2%200%200%201-2.567%201.189a4%204%200%200%201-2.34.009a12.6%2012.6%200%200%201-2.69-1.154l.498-.196a.5.5%200%200%200-.367-.93l-1.165.46q-.346-.25-.675-.527h1.055a.5.5%200%200%200%200-1h-2.09c-1.364-1.519-2.3-3.507-2.3-5.984q0-.568.099-1.131A6.5%206.5%200%200%201%208.5%206%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%22currentColor%22%3E%3Cpath%20d%3D%22M10.75%2021.207a1.25%201.25%200%200%201%202.5%200v1.5a1.25%201.25%200%201%201-2.5%200zm8%200a1.25%201.25%200%200%201%202.5%200v1.5a1.25%201.25%200%201%201-2.5%200zm-2.719%206.762c1.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.109m7.501-19.483a4.5%204.5%200%200%200-4.493%204.74l.016.31l.285.123c1.814.782%203.046%202.16%203.786%203.56l.142.27l.305-.003a4.5%204.5%200%200%200-.04-9m-15.079.007a4.5%204.5%200%200%200-.134%208.998l.312.01l.145-.277c.79-1.505%202.14-2.803%203.869-3.549l.284-.123l.017-.309a4.5%204.5%200%200%200-4.493-4.75%22%2F%3E%3Cpath%20d%3D%22m8.96%2028.355l-1.644.649a.5.5%200%200%200%20.367.93l2.18-.86a14.6%2014.6%200%200%200%204.4%202.175a6%206%200%200%200%203.515-.023c1.362-.436%202.844-1.183%204.212-2.203l2.311.91a.5.5%200%201%200%20.367-.93l-1.784-.703a14%2014%200%200%200%201.318-1.316h1.235a.5.5%200%200%200%200-1h-.447c1.124-1.586%201.917-3.512%201.975-5.72A8.5%208.5%200%201%200%2016%208.497A8.5%208.5%200%201%200%205.097%2020.291c.054%202.247.735%204.137%201.767%205.692h-.318a.5.5%200%201%200%200%201h1.066c.417.499.87.955%201.348%201.371M8.5%206a6.5%206.5%200%200%201%206.487%206.083a10%2010%200%200%201%201.424-.044q.308.01.602.038q.012-.186.035-.37a6.501%206.501%200%201%201%207.837%207.145l-.047.01l.01.05c.082.394.12.762.12%201.088c0%202.371-1.07%204.403-2.559%205.984H20.5a.5.5%200%201%200%200%201h.845q-.295.247-.6.472l-1.03-.405a.5.5%200%200%200-.367.93l.387.152a12.2%2012.2%200%200%201-2.567%201.189a4%204%200%200%201-2.34.009a12.6%2012.6%200%200%201-2.69-1.154l.498-.196a.5.5%200%200%200-.367-.93l-1.165.46q-.346-.25-.675-.527h1.055a.5.5%200%200%200%200-1h-2.09c-1.364-1.519-2.3-3.507-2.3-5.984q0-.568.099-1.131A6.5%206.5%200%200%201%208.5%206%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-high-contrast/mouse-face.svg?color=%231a73e8&size=48
