Monkey Face icon
twemoji:monkey-face
The Monkey Face icon (twemoji:monkey-face) is a free SVG icon from the Twitter Emoji set by Twitter. It is drawn on a 36 × 36 grid. Twitter Emoji icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Twitter Emoji
- Author
- Twitter
- License
- CC-BY-4.0
- Size
- 36 × 36
- Category
- Animals & Nature
- Tags
- monkeyface
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" 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>
How to use the Monkey Face icon
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:monkey-face" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:monkey-face" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:monkey-face" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--monkey-face]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:monkey-face"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:monkey-face"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/twemoji/monkey-face.svg" alt="Monkey Face icon" width="24" height="24">
Related icons in Twitter Emoji
Monkey Face icon in other icon sets
Monkey Face icon FAQ
Is the Monkey Face icon free for commercial use?
Yes. Twitter Emoji icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Monkey Face icon in React?
Install @iconify/react and render <Icon icon="twemoji:monkey-face" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Monkey Face icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/twemoji/monkey-face.svg" alt="Monkey Face icon">, or paste the SVG code inline to style it with CSS.
Browse all Twitter Emoji icons →
ICONYZ
