monkey face emoji
monkey-face from Twitter Emoji by Twitter · Default · Animals & Nature · CC-BY-4.0 Attribution required.
- Name
- monkey-face
- Set
- Twitter Emoji
- Style
- Default
- Category
- Animals & Nature
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More animals & nature icons from Twitter Emoji
Use the monkey face emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><ellipse cx="5.05" cy="17.455" fill="#d79e84" rx="3.818" ry="5.455" transform="rotate(-14.999 5.05 17.456)"/><ellipse cx="31.05" cy="17.455" fill="#d79e84" rx="5.455" ry="3.818" transform="rotate(-75.001 31.05 17.455)"/><path fill="#bf6952" d="M19.018 36h-2.036C10.264 36 3.75 30.848 3.75 23.636c0-4.121 1.527-6.182 1.527-6.182s-.509-2.061-.509-4.121C4.768 7.152 11.282 2 18 2s13.232 6.182 13.232 11.333c0 2.061-.509 4.121-.509 4.121s1.527 2.061 1.527 6.182C32.25 30.848 25.736 36 19.018 36"/><path fill="#d79e84" d="M30 16.042C30 12.153 26.825 9 22.909 9A7.1 7.1 0 0 0 18 10.968A7.1 7.1 0 0 0 13.091 9C9.175 9 6 12.153 6 16.042c0 2.359 1.172 4.441 2.965 5.719a10.7 10.7 0 0 0-.783 4.031C8.182 31.476 12.578 35 18 35s9.818-3.524 9.818-9.208c0-1.431-.28-2.793-.783-4.031C28.828 20.483 30 18.4 30 16.042"/><ellipse cx="13" cy="17" fill="#292f33" rx="2.25" ry="3.25"/><ellipse cx="23" cy="17" fill="#292f33" rx="2.25" ry="3.25"/><path fill="#642116" d="M18 32.727c2.838 0 5.254-1.505 6.162-3.61a1.32 1.32 0 0 0-1.21-1.844h-9.904a1.32 1.32 0 0 0-1.21 1.844c.908 2.105 3.324 3.61 6.162 3.61"/><circle cx="16.25" cy="23" r="1" fill="#642116"/><circle cx="19.75" cy="23" r="1" fill="#642116"/><path fill="#bf6952" d="M22.66.175s-5.455-1.091-7.636 2.182s4.364 1.091 4.364 1.091S20.478.175 22.66.175"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiMonkeyFace(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><ellipse cx="5.05" cy="17.455" fill="#d79e84" rx="3.818" ry="5.455" transform="rotate(-14.999 5.05 17.456)"/><ellipse cx="31.05" cy="17.455" fill="#d79e84" rx="5.455" ry="3.818" transform="rotate(-75.001 31.05 17.455)"/><path fill="#bf6952" d="M19.018 36h-2.036C10.264 36 3.75 30.848 3.75 23.636c0-4.121 1.527-6.182 1.527-6.182s-.509-2.061-.509-4.121C4.768 7.152 11.282 2 18 2s13.232 6.182 13.232 11.333c0 2.061-.509 4.121-.509 4.121s1.527 2.061 1.527 6.182C32.25 30.848 25.736 36 19.018 36"/><path fill="#d79e84" d="M30 16.042C30 12.153 26.825 9 22.909 9A7.1 7.1 0 0 0 18 10.968A7.1 7.1 0 0 0 13.091 9C9.175 9 6 12.153 6 16.042c0 2.359 1.172 4.441 2.965 5.719a10.7 10.7 0 0 0-.783 4.031C8.182 31.476 12.578 35 18 35s9.818-3.524 9.818-9.208c0-1.431-.28-2.793-.783-4.031C28.828 20.483 30 18.4 30 16.042"/><ellipse cx="13" cy="17" fill="#292f33" rx="2.25" ry="3.25"/><ellipse cx="23" cy="17" fill="#292f33" rx="2.25" ry="3.25"/><path fill="#642116" d="M18 32.727c2.838 0 5.254-1.505 6.162-3.61a1.32 1.32 0 0 0-1.21-1.844h-9.904a1.32 1.32 0 0 0-1.21 1.844c.908 2.105 3.324 3.61 6.162 3.61"/><circle cx="16.25" cy="23" r="1" fill="#642116"/><circle cx="19.75" cy="23" r="1" fill="#642116"/><path fill="#bf6952" d="M22.66.175s-5.455-1.091-7.636 2.182s4.364 1.091 4.364 1.091S20.478.175 22.66.175"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><ellipse cx="5.05" cy="17.455" fill="#d79e84" rx="3.818" ry="5.455" transform="rotate(-14.999 5.05 17.456)"/><ellipse cx="31.05" cy="17.455" fill="#d79e84" rx="5.455" ry="3.818" transform="rotate(-75.001 31.05 17.455)"/><path fill="#bf6952" d="M19.018 36h-2.036C10.264 36 3.75 30.848 3.75 23.636c0-4.121 1.527-6.182 1.527-6.182s-.509-2.061-.509-4.121C4.768 7.152 11.282 2 18 2s13.232 6.182 13.232 11.333c0 2.061-.509 4.121-.509 4.121s1.527 2.061 1.527 6.182C32.25 30.848 25.736 36 19.018 36"/><path fill="#d79e84" d="M30 16.042C30 12.153 26.825 9 22.909 9A7.1 7.1 0 0 0 18 10.968A7.1 7.1 0 0 0 13.091 9C9.175 9 6 12.153 6 16.042c0 2.359 1.172 4.441 2.965 5.719a10.7 10.7 0 0 0-.783 4.031C8.182 31.476 12.578 35 18 35s9.818-3.524 9.818-9.208c0-1.431-.28-2.793-.783-4.031C28.828 20.483 30 18.4 30 16.042"/><ellipse cx="13" cy="17" fill="#292f33" rx="2.25" ry="3.25"/><ellipse cx="23" cy="17" fill="#292f33" rx="2.25" ry="3.25"/><path fill="#642116" d="M18 32.727c2.838 0 5.254-1.505 6.162-3.61a1.32 1.32 0 0 0-1.21-1.844h-9.904a1.32 1.32 0 0 0-1.21 1.844c.908 2.105 3.324 3.61 6.162 3.61"/><circle cx="16.25" cy="23" r="1" fill="#642116"/><circle cx="19.75" cy="23" r="1" fill="#642116"/><path fill="#bf6952" d="M22.66.175s-5.455-1.091-7.636 2.182s4.364 1.091 4.364 1.091S20.478.175 22.66.175"/></svg> </template>
CSS
.icon-monkey-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%2036%2036%22%3E%3Cellipse%20cx%3D%225.05%22%20cy%3D%2217.455%22%20fill%3D%22%23d79e84%22%20rx%3D%223.818%22%20ry%3D%225.455%22%20transform%3D%22rotate(-14.999%205.05%2017.456)%22%2F%3E%3Cellipse%20cx%3D%2231.05%22%20cy%3D%2217.455%22%20fill%3D%22%23d79e84%22%20rx%3D%225.455%22%20ry%3D%223.818%22%20transform%3D%22rotate(-75.001%2031.05%2017.455)%22%2F%3E%3Cpath%20fill%3D%22%23bf6952%22%20d%3D%22M19.018%2036h-2.036C10.264%2036%203.75%2030.848%203.75%2023.636c0-4.121%201.527-6.182%201.527-6.182s-.509-2.061-.509-4.121C4.768%207.152%2011.282%202%2018%202s13.232%206.182%2013.232%2011.333c0%202.061-.509%204.121-.509%204.121s1.527%202.061%201.527%206.182C32.25%2030.848%2025.736%2036%2019.018%2036%22%2F%3E%3Cpath%20fill%3D%22%23d79e84%22%20d%3D%22M30%2016.042C30%2012.153%2026.825%209%2022.909%209A7.1%207.1%200%200%200%2018%2010.968A7.1%207.1%200%200%200%2013.091%209C9.175%209%206%2012.153%206%2016.042c0%202.359%201.172%204.441%202.965%205.719a10.7%2010.7%200%200%200-.783%204.031C8.182%2031.476%2012.578%2035%2018%2035s9.818-3.524%209.818-9.208c0-1.431-.28-2.793-.783-4.031C28.828%2020.483%2030%2018.4%2030%2016.042%22%2F%3E%3Cellipse%20cx%3D%2213%22%20cy%3D%2217%22%20fill%3D%22%23292f33%22%20rx%3D%222.25%22%20ry%3D%223.25%22%2F%3E%3Cellipse%20cx%3D%2223%22%20cy%3D%2217%22%20fill%3D%22%23292f33%22%20rx%3D%222.25%22%20ry%3D%223.25%22%2F%3E%3Cpath%20fill%3D%22%23642116%22%20d%3D%22M18%2032.727c2.838%200%205.254-1.505%206.162-3.61a1.32%201.32%200%200%200-1.21-1.844h-9.904a1.32%201.32%200%200%200-1.21%201.844c.908%202.105%203.324%203.61%206.162%203.61%22%2F%3E%3Ccircle%20cx%3D%2216.25%22%20cy%3D%2223%22%20r%3D%221%22%20fill%3D%22%23642116%22%2F%3E%3Ccircle%20cx%3D%2219.75%22%20cy%3D%2223%22%20r%3D%221%22%20fill%3D%22%23642116%22%2F%3E%3Cpath%20fill%3D%22%23bf6952%22%20d%3D%22M22.66.175s-5.455-1.091-7.636%202.182s4.364%201.091%204.364%201.091S20.478.175%2022.66.175%22%2F%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%2036%2036%22%3E%3Cellipse%20cx%3D%225.05%22%20cy%3D%2217.455%22%20fill%3D%22%23d79e84%22%20rx%3D%223.818%22%20ry%3D%225.455%22%20transform%3D%22rotate(-14.999%205.05%2017.456)%22%2F%3E%3Cellipse%20cx%3D%2231.05%22%20cy%3D%2217.455%22%20fill%3D%22%23d79e84%22%20rx%3D%225.455%22%20ry%3D%223.818%22%20transform%3D%22rotate(-75.001%2031.05%2017.455)%22%2F%3E%3Cpath%20fill%3D%22%23bf6952%22%20d%3D%22M19.018%2036h-2.036C10.264%2036%203.75%2030.848%203.75%2023.636c0-4.121%201.527-6.182%201.527-6.182s-.509-2.061-.509-4.121C4.768%207.152%2011.282%202%2018%202s13.232%206.182%2013.232%2011.333c0%202.061-.509%204.121-.509%204.121s1.527%202.061%201.527%206.182C32.25%2030.848%2025.736%2036%2019.018%2036%22%2F%3E%3Cpath%20fill%3D%22%23d79e84%22%20d%3D%22M30%2016.042C30%2012.153%2026.825%209%2022.909%209A7.1%207.1%200%200%200%2018%2010.968A7.1%207.1%200%200%200%2013.091%209C9.175%209%206%2012.153%206%2016.042c0%202.359%201.172%204.441%202.965%205.719a10.7%2010.7%200%200%200-.783%204.031C8.182%2031.476%2012.578%2035%2018%2035s9.818-3.524%209.818-9.208c0-1.431-.28-2.793-.783-4.031C28.828%2020.483%2030%2018.4%2030%2016.042%22%2F%3E%3Cellipse%20cx%3D%2213%22%20cy%3D%2217%22%20fill%3D%22%23292f33%22%20rx%3D%222.25%22%20ry%3D%223.25%22%2F%3E%3Cellipse%20cx%3D%2223%22%20cy%3D%2217%22%20fill%3D%22%23292f33%22%20rx%3D%222.25%22%20ry%3D%223.25%22%2F%3E%3Cpath%20fill%3D%22%23642116%22%20d%3D%22M18%2032.727c2.838%200%205.254-1.505%206.162-3.61a1.32%201.32%200%200%200-1.21-1.844h-9.904a1.32%201.32%200%200%200-1.21%201.844c.908%202.105%203.324%203.61%206.162%203.61%22%2F%3E%3Ccircle%20cx%3D%2216.25%22%20cy%3D%2223%22%20r%3D%221%22%20fill%3D%22%23642116%22%2F%3E%3Ccircle%20cx%3D%2219.75%22%20cy%3D%2223%22%20r%3D%221%22%20fill%3D%22%23642116%22%2F%3E%3Cpath%20fill%3D%22%23bf6952%22%20d%3D%22M22.66.175s-5.455-1.091-7.636%202.182s4.364%201.091%204.364%201.091S20.478.175%2022.66.175%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/monkey-face.svg?color=%231a73e8&size=48
