zany face emoji
zany-face from Twitter Emoji by Twitter · Default · Smileys & Emotion · CC-BY-4.0 Attribution required.
- Name
- zany-face
- Set
- Twitter Emoji
- Style
- Default
- Category
- Smileys & Emotion
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More smileys & emotion icons from Twitter Emoji
alienalien-monsteranger-symbolangry-faceangry-face-with-hornsanguished-faceanxious-face-with-sweatastonished-facebeaming-face-with-smiling-eyesbeating-heartblack-heartblue-heartbroken-heartbrown-heartcat-with-tears-of-joycat-with-wry-smileclown-facecold-facecollisionconfounded-faceconfused-facecowboy-hat-facecrying-catcrying-face
Use the zany face emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffcb4c" d="M35.597 14.232c2.083 9.72-4.108 19.289-13.828 21.372S2.48 31.496.397 21.776S4.506 2.487 14.225.404c9.72-2.084 19.289 4.108 21.372 13.828"/><path fill="#f4f7f9" d="M29.284 9.012a6.734 6.734 0 1 1-13.169 2.821a6.734 6.734 0 0 1 13.169-2.821"/><circle cx="22.306" cy="9.291" r="2.037" fill="#292f33"/><path fill="#f4f7f9" d="M14.088 14.282a3.938 3.938 0 1 1-7.7 1.65a3.938 3.938 0 0 1 7.7-1.65"/><circle cx="10.238" cy="15.857" r="1.942" fill="#292f33" transform="rotate(-12.095 10.236 15.853)"/><path fill="#65471b" d="M18.625 20.937c-3.543.759-5.981.85-9.01.908c-.691.015-1.955.419-1.536 2.375c.838 3.911 6.379 7.837 12.642 6.495c6.262-1.342 9.708-7.194 8.87-11.105c-.419-1.956-1.739-1.808-2.375-1.536c-2.786 1.187-5.048 2.104-8.591 2.863"/><path fill="#e8596e" d="M11 24.004v6c0 3 2 6 6 6s6-3 6-6v-6z"/><path fill="#dd2f45" d="M17 31.883a.545.545 0 0 0 .545-.545v-6.295h-1.091v6.295a.546.546 0 0 0 .546.545"/><path fill="#fff" d="M10.034 23.801s3.143.349 9.01-.908s8.591-2.864 8.591-2.864s-1.117 4.33-7.962 5.797s-9.639-2.025-9.639-2.025"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiZanyFace(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffcb4c" d="M35.597 14.232c2.083 9.72-4.108 19.289-13.828 21.372S2.48 31.496.397 21.776S4.506 2.487 14.225.404c9.72-2.084 19.289 4.108 21.372 13.828"/><path fill="#f4f7f9" d="M29.284 9.012a6.734 6.734 0 1 1-13.169 2.821a6.734 6.734 0 0 1 13.169-2.821"/><circle cx="22.306" cy="9.291" r="2.037" fill="#292f33"/><path fill="#f4f7f9" d="M14.088 14.282a3.938 3.938 0 1 1-7.7 1.65a3.938 3.938 0 0 1 7.7-1.65"/><circle cx="10.238" cy="15.857" r="1.942" fill="#292f33" transform="rotate(-12.095 10.236 15.853)"/><path fill="#65471b" d="M18.625 20.937c-3.543.759-5.981.85-9.01.908c-.691.015-1.955.419-1.536 2.375c.838 3.911 6.379 7.837 12.642 6.495c6.262-1.342 9.708-7.194 8.87-11.105c-.419-1.956-1.739-1.808-2.375-1.536c-2.786 1.187-5.048 2.104-8.591 2.863"/><path fill="#e8596e" d="M11 24.004v6c0 3 2 6 6 6s6-3 6-6v-6z"/><path fill="#dd2f45" d="M17 31.883a.545.545 0 0 0 .545-.545v-6.295h-1.091v6.295a.546.546 0 0 0 .546.545"/><path fill="#fff" d="M10.034 23.801s3.143.349 9.01-.908s8.591-2.864 8.591-2.864s-1.117 4.33-7.962 5.797s-9.639-2.025-9.639-2.025"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffcb4c" d="M35.597 14.232c2.083 9.72-4.108 19.289-13.828 21.372S2.48 31.496.397 21.776S4.506 2.487 14.225.404c9.72-2.084 19.289 4.108 21.372 13.828"/><path fill="#f4f7f9" d="M29.284 9.012a6.734 6.734 0 1 1-13.169 2.821a6.734 6.734 0 0 1 13.169-2.821"/><circle cx="22.306" cy="9.291" r="2.037" fill="#292f33"/><path fill="#f4f7f9" d="M14.088 14.282a3.938 3.938 0 1 1-7.7 1.65a3.938 3.938 0 0 1 7.7-1.65"/><circle cx="10.238" cy="15.857" r="1.942" fill="#292f33" transform="rotate(-12.095 10.236 15.853)"/><path fill="#65471b" d="M18.625 20.937c-3.543.759-5.981.85-9.01.908c-.691.015-1.955.419-1.536 2.375c.838 3.911 6.379 7.837 12.642 6.495c6.262-1.342 9.708-7.194 8.87-11.105c-.419-1.956-1.739-1.808-2.375-1.536c-2.786 1.187-5.048 2.104-8.591 2.863"/><path fill="#e8596e" d="M11 24.004v6c0 3 2 6 6 6s6-3 6-6v-6z"/><path fill="#dd2f45" d="M17 31.883a.545.545 0 0 0 .545-.545v-6.295h-1.091v6.295a.546.546 0 0 0 .546.545"/><path fill="#fff" d="M10.034 23.801s3.143.349 9.01-.908s8.591-2.864 8.591-2.864s-1.117 4.33-7.962 5.797s-9.639-2.025-9.639-2.025"/></svg> </template>
CSS
.icon-zany-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%3Cpath%20fill%3D%22%23ffcb4c%22%20d%3D%22M35.597%2014.232c2.083%209.72-4.108%2019.289-13.828%2021.372S2.48%2031.496.397%2021.776S4.506%202.487%2014.225.404c9.72-2.084%2019.289%204.108%2021.372%2013.828%22%2F%3E%3Cpath%20fill%3D%22%23f4f7f9%22%20d%3D%22M29.284%209.012a6.734%206.734%200%201%201-13.169%202.821a6.734%206.734%200%200%201%2013.169-2.821%22%2F%3E%3Ccircle%20cx%3D%2222.306%22%20cy%3D%229.291%22%20r%3D%222.037%22%20fill%3D%22%23292f33%22%2F%3E%3Cpath%20fill%3D%22%23f4f7f9%22%20d%3D%22M14.088%2014.282a3.938%203.938%200%201%201-7.7%201.65a3.938%203.938%200%200%201%207.7-1.65%22%2F%3E%3Ccircle%20cx%3D%2210.238%22%20cy%3D%2215.857%22%20r%3D%221.942%22%20fill%3D%22%23292f33%22%20transform%3D%22rotate(-12.095%2010.236%2015.853)%22%2F%3E%3Cpath%20fill%3D%22%2365471b%22%20d%3D%22M18.625%2020.937c-3.543.759-5.981.85-9.01.908c-.691.015-1.955.419-1.536%202.375c.838%203.911%206.379%207.837%2012.642%206.495c6.262-1.342%209.708-7.194%208.87-11.105c-.419-1.956-1.739-1.808-2.375-1.536c-2.786%201.187-5.048%202.104-8.591%202.863%22%2F%3E%3Cpath%20fill%3D%22%23e8596e%22%20d%3D%22M11%2024.004v6c0%203%202%206%206%206s6-3%206-6v-6z%22%2F%3E%3Cpath%20fill%3D%22%23dd2f45%22%20d%3D%22M17%2031.883a.545.545%200%200%200%20.545-.545v-6.295h-1.091v6.295a.546.546%200%200%200%20.546.545%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M10.034%2023.801s3.143.349%209.01-.908s8.591-2.864%208.591-2.864s-1.117%204.33-7.962%205.797s-9.639-2.025-9.639-2.025%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%3Cpath%20fill%3D%22%23ffcb4c%22%20d%3D%22M35.597%2014.232c2.083%209.72-4.108%2019.289-13.828%2021.372S2.48%2031.496.397%2021.776S4.506%202.487%2014.225.404c9.72-2.084%2019.289%204.108%2021.372%2013.828%22%2F%3E%3Cpath%20fill%3D%22%23f4f7f9%22%20d%3D%22M29.284%209.012a6.734%206.734%200%201%201-13.169%202.821a6.734%206.734%200%200%201%2013.169-2.821%22%2F%3E%3Ccircle%20cx%3D%2222.306%22%20cy%3D%229.291%22%20r%3D%222.037%22%20fill%3D%22%23292f33%22%2F%3E%3Cpath%20fill%3D%22%23f4f7f9%22%20d%3D%22M14.088%2014.282a3.938%203.938%200%201%201-7.7%201.65a3.938%203.938%200%200%201%207.7-1.65%22%2F%3E%3Ccircle%20cx%3D%2210.238%22%20cy%3D%2215.857%22%20r%3D%221.942%22%20fill%3D%22%23292f33%22%20transform%3D%22rotate(-12.095%2010.236%2015.853)%22%2F%3E%3Cpath%20fill%3D%22%2365471b%22%20d%3D%22M18.625%2020.937c-3.543.759-5.981.85-9.01.908c-.691.015-1.955.419-1.536%202.375c.838%203.911%206.379%207.837%2012.642%206.495c6.262-1.342%209.708-7.194%208.87-11.105c-.419-1.956-1.739-1.808-2.375-1.536c-2.786%201.187-5.048%202.104-8.591%202.863%22%2F%3E%3Cpath%20fill%3D%22%23e8596e%22%20d%3D%22M11%2024.004v6c0%203%202%206%206%206s6-3%206-6v-6z%22%2F%3E%3Cpath%20fill%3D%22%23dd2f45%22%20d%3D%22M17%2031.883a.545.545%200%200%200%20.545-.545v-6.295h-1.091v6.295a.546.546%200%200%200%20.546.545%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M10.034%2023.801s3.143.349%209.01-.908s8.591-2.864%208.591-2.864s-1.117%204.33-7.962%205.797s-9.639-2.025-9.639-2.025%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/zany-face.svg?color=%231a73e8&size=48
