mouse face emoji
mouse-face from Emoji One (Colored) by Emoji One · Default · Nature · CC-BY-4.0 Attribution required.
- Name
- mouse-face
- Set
- Emoji One (Colored)
- Style
- Default
- Category
- Nature
- Viewbox
- 64×64
- License
- CC BY 4.0
The same emoji in other sets
More nature icons from Emoji One (Colored)
Use the mouse face emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><circle cx="48.4" cy="19.6" r="13.6" fill="#b5b5b5"/><circle cx="48.3" cy="21.3" r="10.1" fill="#ffc5d3"/><circle cx="15.6" cy="19.6" r="13.6" fill="#b5b5b5"/><circle cx="15.7" cy="21.3" r="10.1" fill="#ffc5d3"/><path fill="#c4c5c6" d="M48.5 33.4c-2.2-5-7.5-16-16.5-16s-14.3 11-16.5 16c-1.1 2.6-2.1 5-2.5 8.7c-.6 6.5 7 12 11.1 12c2 0 4.1 3.9 7.9 3.9s5.9-3.9 7.9-3.9c4.1 0 11.7-5.6 11.1-12c-.4-3.7-1.4-6.2-2.5-8.7"/><g fill="#ffc5d3"><ellipse cx="44.7" cy="47.8" rx="4.2" ry="2.9"/><ellipse cx="19.3" cy="47.8" rx="4.2" ry="2.9"/></g><path fill="#3e4347" d="M35.8 47.8c-.8-.8-3.1-.9-3.8-.9s-3 .1-3.8.9c-.5.6-.1 2 1.3 3.2c.9.8 1.8 1 2.5 1s1.6-.2 2.5-1c1.4-1.2 1.8-2.6 1.3-3.2"/><ellipse cx="23.1" cy="38.5" fill="#fff" rx="6" ry="5.9"/><ellipse cx="23.1" cy="38.5" fill="#3e4347" rx="4.2" ry="4.1"/><ellipse cx="40.9" cy="38.5" fill="#fff" rx="6" ry="5.9"/><g fill="#3e4347"><ellipse cx="40.9" cy="38.5" rx="4.2" ry="4.1"/><path d="M30.7 55.1c.1-.4.4-.7.7-.9l.9-.6c.3-.1.7-.2 1.1-.3c.4 0 .8 0 1.1.3c-.4 0-.6.2-.9.3l-.9.4c-.3.1-.6.3-.9.4c-.4.1-.8.2-1.1.4"/></g></svg>
React
import type { SVGProps } from "react";
export function EmojioneMouseFace(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><circle cx="48.4" cy="19.6" r="13.6" fill="#b5b5b5"/><circle cx="48.3" cy="21.3" r="10.1" fill="#ffc5d3"/><circle cx="15.6" cy="19.6" r="13.6" fill="#b5b5b5"/><circle cx="15.7" cy="21.3" r="10.1" fill="#ffc5d3"/><path fill="#c4c5c6" d="M48.5 33.4c-2.2-5-7.5-16-16.5-16s-14.3 11-16.5 16c-1.1 2.6-2.1 5-2.5 8.7c-.6 6.5 7 12 11.1 12c2 0 4.1 3.9 7.9 3.9s5.9-3.9 7.9-3.9c4.1 0 11.7-5.6 11.1-12c-.4-3.7-1.4-6.2-2.5-8.7"/><g fill="#ffc5d3"><ellipse cx="44.7" cy="47.8" rx="4.2" ry="2.9"/><ellipse cx="19.3" cy="47.8" rx="4.2" ry="2.9"/></g><path fill="#3e4347" d="M35.8 47.8c-.8-.8-3.1-.9-3.8-.9s-3 .1-3.8.9c-.5.6-.1 2 1.3 3.2c.9.8 1.8 1 2.5 1s1.6-.2 2.5-1c1.4-1.2 1.8-2.6 1.3-3.2"/><ellipse cx="23.1" cy="38.5" fill="#fff" rx="6" ry="5.9"/><ellipse cx="23.1" cy="38.5" fill="#3e4347" rx="4.2" ry="4.1"/><ellipse cx="40.9" cy="38.5" fill="#fff" rx="6" ry="5.9"/><g fill="#3e4347"><ellipse cx="40.9" cy="38.5" rx="4.2" ry="4.1"/><path d="M30.7 55.1c.1-.4.4-.7.7-.9l.9-.6c.3-.1.7-.2 1.1-.3c.4 0 .8 0 1.1.3c-.4 0-.6.2-.9.3l-.9.4c-.3.1-.6.3-.9.4c-.4.1-.8.2-1.1.4"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><circle cx="48.4" cy="19.6" r="13.6" fill="#b5b5b5"/><circle cx="48.3" cy="21.3" r="10.1" fill="#ffc5d3"/><circle cx="15.6" cy="19.6" r="13.6" fill="#b5b5b5"/><circle cx="15.7" cy="21.3" r="10.1" fill="#ffc5d3"/><path fill="#c4c5c6" d="M48.5 33.4c-2.2-5-7.5-16-16.5-16s-14.3 11-16.5 16c-1.1 2.6-2.1 5-2.5 8.7c-.6 6.5 7 12 11.1 12c2 0 4.1 3.9 7.9 3.9s5.9-3.9 7.9-3.9c4.1 0 11.7-5.6 11.1-12c-.4-3.7-1.4-6.2-2.5-8.7"/><g fill="#ffc5d3"><ellipse cx="44.7" cy="47.8" rx="4.2" ry="2.9"/><ellipse cx="19.3" cy="47.8" rx="4.2" ry="2.9"/></g><path fill="#3e4347" d="M35.8 47.8c-.8-.8-3.1-.9-3.8-.9s-3 .1-3.8.9c-.5.6-.1 2 1.3 3.2c.9.8 1.8 1 2.5 1s1.6-.2 2.5-1c1.4-1.2 1.8-2.6 1.3-3.2"/><ellipse cx="23.1" cy="38.5" fill="#fff" rx="6" ry="5.9"/><ellipse cx="23.1" cy="38.5" fill="#3e4347" rx="4.2" ry="4.1"/><ellipse cx="40.9" cy="38.5" fill="#fff" rx="6" ry="5.9"/><g fill="#3e4347"><ellipse cx="40.9" cy="38.5" rx="4.2" ry="4.1"/><path d="M30.7 55.1c.1-.4.4-.7.7-.9l.9-.6c.3-.1.7-.2 1.1-.3c.4 0 .8 0 1.1.3c-.4 0-.6.2-.9.3l-.9.4c-.3.1-.6.3-.9.4c-.4.1-.8.2-1.1.4"/></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%2064%2064%22%3E%3Ccircle%20cx%3D%2248.4%22%20cy%3D%2219.6%22%20r%3D%2213.6%22%20fill%3D%22%23b5b5b5%22%2F%3E%3Ccircle%20cx%3D%2248.3%22%20cy%3D%2221.3%22%20r%3D%2210.1%22%20fill%3D%22%23ffc5d3%22%2F%3E%3Ccircle%20cx%3D%2215.6%22%20cy%3D%2219.6%22%20r%3D%2213.6%22%20fill%3D%22%23b5b5b5%22%2F%3E%3Ccircle%20cx%3D%2215.7%22%20cy%3D%2221.3%22%20r%3D%2210.1%22%20fill%3D%22%23ffc5d3%22%2F%3E%3Cpath%20fill%3D%22%23c4c5c6%22%20d%3D%22M48.5%2033.4c-2.2-5-7.5-16-16.5-16s-14.3%2011-16.5%2016c-1.1%202.6-2.1%205-2.5%208.7c-.6%206.5%207%2012%2011.1%2012c2%200%204.1%203.9%207.9%203.9s5.9-3.9%207.9-3.9c4.1%200%2011.7-5.6%2011.1-12c-.4-3.7-1.4-6.2-2.5-8.7%22%2F%3E%3Cg%20fill%3D%22%23ffc5d3%22%3E%3Cellipse%20cx%3D%2244.7%22%20cy%3D%2247.8%22%20rx%3D%224.2%22%20ry%3D%222.9%22%2F%3E%3Cellipse%20cx%3D%2219.3%22%20cy%3D%2247.8%22%20rx%3D%224.2%22%20ry%3D%222.9%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M35.8%2047.8c-.8-.8-3.1-.9-3.8-.9s-3%20.1-3.8.9c-.5.6-.1%202%201.3%203.2c.9.8%201.8%201%202.5%201s1.6-.2%202.5-1c1.4-1.2%201.8-2.6%201.3-3.2%22%2F%3E%3Cellipse%20cx%3D%2223.1%22%20cy%3D%2238.5%22%20fill%3D%22%23fff%22%20rx%3D%226%22%20ry%3D%225.9%22%2F%3E%3Cellipse%20cx%3D%2223.1%22%20cy%3D%2238.5%22%20fill%3D%22%233e4347%22%20rx%3D%224.2%22%20ry%3D%224.1%22%2F%3E%3Cellipse%20cx%3D%2240.9%22%20cy%3D%2238.5%22%20fill%3D%22%23fff%22%20rx%3D%226%22%20ry%3D%225.9%22%2F%3E%3Cg%20fill%3D%22%233e4347%22%3E%3Cellipse%20cx%3D%2240.9%22%20cy%3D%2238.5%22%20rx%3D%224.2%22%20ry%3D%224.1%22%2F%3E%3Cpath%20d%3D%22M30.7%2055.1c.1-.4.4-.7.7-.9l.9-.6c.3-.1.7-.2%201.1-.3c.4%200%20.8%200%201.1.3c-.4%200-.6.2-.9.3l-.9.4c-.3.1-.6.3-.9.4c-.4.1-.8.2-1.1.4%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%2064%2064%22%3E%3Ccircle%20cx%3D%2248.4%22%20cy%3D%2219.6%22%20r%3D%2213.6%22%20fill%3D%22%23b5b5b5%22%2F%3E%3Ccircle%20cx%3D%2248.3%22%20cy%3D%2221.3%22%20r%3D%2210.1%22%20fill%3D%22%23ffc5d3%22%2F%3E%3Ccircle%20cx%3D%2215.6%22%20cy%3D%2219.6%22%20r%3D%2213.6%22%20fill%3D%22%23b5b5b5%22%2F%3E%3Ccircle%20cx%3D%2215.7%22%20cy%3D%2221.3%22%20r%3D%2210.1%22%20fill%3D%22%23ffc5d3%22%2F%3E%3Cpath%20fill%3D%22%23c4c5c6%22%20d%3D%22M48.5%2033.4c-2.2-5-7.5-16-16.5-16s-14.3%2011-16.5%2016c-1.1%202.6-2.1%205-2.5%208.7c-.6%206.5%207%2012%2011.1%2012c2%200%204.1%203.9%207.9%203.9s5.9-3.9%207.9-3.9c4.1%200%2011.7-5.6%2011.1-12c-.4-3.7-1.4-6.2-2.5-8.7%22%2F%3E%3Cg%20fill%3D%22%23ffc5d3%22%3E%3Cellipse%20cx%3D%2244.7%22%20cy%3D%2247.8%22%20rx%3D%224.2%22%20ry%3D%222.9%22%2F%3E%3Cellipse%20cx%3D%2219.3%22%20cy%3D%2247.8%22%20rx%3D%224.2%22%20ry%3D%222.9%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M35.8%2047.8c-.8-.8-3.1-.9-3.8-.9s-3%20.1-3.8.9c-.5.6-.1%202%201.3%203.2c.9.8%201.8%201%202.5%201s1.6-.2%202.5-1c1.4-1.2%201.8-2.6%201.3-3.2%22%2F%3E%3Cellipse%20cx%3D%2223.1%22%20cy%3D%2238.5%22%20fill%3D%22%23fff%22%20rx%3D%226%22%20ry%3D%225.9%22%2F%3E%3Cellipse%20cx%3D%2223.1%22%20cy%3D%2238.5%22%20fill%3D%22%233e4347%22%20rx%3D%224.2%22%20ry%3D%224.1%22%2F%3E%3Cellipse%20cx%3D%2240.9%22%20cy%3D%2238.5%22%20fill%3D%22%23fff%22%20rx%3D%226%22%20ry%3D%225.9%22%2F%3E%3Cg%20fill%3D%22%233e4347%22%3E%3Cellipse%20cx%3D%2240.9%22%20cy%3D%2238.5%22%20rx%3D%224.2%22%20ry%3D%224.1%22%2F%3E%3Cpath%20d%3D%22M30.7%2055.1c.1-.4.4-.7.7-.9l.9-.6c.3-.1.7-.2%201.1-.3c.4%200%20.8%200%201.1.3c-.4%200-.6.2-.9.3l-.9.4c-.3.1-.6.3-.9.4c-.4.1-.8.2-1.1.4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/mouse-face.svg?color=%231a73e8&size=48
