face with rolling eyes emoji

face-with-rolling-eyes from Twitter Emoji by Twitter · Default · Smileys & Emotion · CC-BY-4.0 Attribution required.

Name
face-with-rolling-eyes
Set
Twitter Emoji
Style
Default
Category
Smileys & Emotion
Viewbox
36×36
License
CC BY 4.0

The same emoji in other sets

face-with-rolling-eyesEmoji One (Colored)face-with-rolling-eyesFluent Emojiface-with-rolling-eyesFluent Emoji Flatface-with-rolling-eyesFluent Emoji High Contrastface-with-rolling-eyesNoto Emojiface-with-rolling-eyesOpenMojiface-with-rolling-eyesStreamline Emojis

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 face with rolling eyes emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><circle cx="18" cy="18" r="18" fill="#ffcc4d"/><circle cx="24.5" cy="13.5" r="5.5" fill="#f4f7f9"/><circle cx="11.5" cy="13.5" r="5.5" fill="#f4f7f9"/><path fill="#65471b" d="M23.109 23.424c-2.763-.667-8.873-.06-11.162 4.405a.373.373 0 0 0 .334.546a.38.38 0 0 0 .241-.087c3.084-2.58 7.436-2.58 10.036-2.58c1.635 0 2.536 0 2.536-.708s-.705-1.268-1.985-1.576M10.5 13a2.5 2.5 0 0 0 2.5-2.5c0-1.252-.923-2.28-2.124-2.462a5.4 5.4 0 0 0-2.178.736A2.5 2.5 0 0 0 8 10.5a2.5 2.5 0 0 0 2.5 2.5m13 0a2.5 2.5 0 0 0 2.5-2.5c0-1.252-.923-2.28-2.124-2.462a5.4 5.4 0 0 0-2.177.736A2.48 2.48 0 0 0 21 10.5a2.5 2.5 0 0 0 2.5 2.5"/></svg>

React

import type { SVGProps } from "react";

export function TwemojiFaceWithRollingEyes(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><circle cx="18" cy="18" r="18" fill="#ffcc4d"/><circle cx="24.5" cy="13.5" r="5.5" fill="#f4f7f9"/><circle cx="11.5" cy="13.5" r="5.5" fill="#f4f7f9"/><path fill="#65471b" d="M23.109 23.424c-2.763-.667-8.873-.06-11.162 4.405a.373.373 0 0 0 .334.546a.38.38 0 0 0 .241-.087c3.084-2.58 7.436-2.58 10.036-2.58c1.635 0 2.536 0 2.536-.708s-.705-1.268-1.985-1.576M10.5 13a2.5 2.5 0 0 0 2.5-2.5c0-1.252-.923-2.28-2.124-2.462a5.4 5.4 0 0 0-2.178.736A2.5 2.5 0 0 0 8 10.5a2.5 2.5 0 0 0 2.5 2.5m13 0a2.5 2.5 0 0 0 2.5-2.5c0-1.252-.923-2.28-2.124-2.462a5.4 5.4 0 0 0-2.177.736A2.48 2.48 0 0 0 21 10.5a2.5 2.5 0 0 0 2.5 2.5"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><circle cx="18" cy="18" r="18" fill="#ffcc4d"/><circle cx="24.5" cy="13.5" r="5.5" fill="#f4f7f9"/><circle cx="11.5" cy="13.5" r="5.5" fill="#f4f7f9"/><path fill="#65471b" d="M23.109 23.424c-2.763-.667-8.873-.06-11.162 4.405a.373.373 0 0 0 .334.546a.38.38 0 0 0 .241-.087c3.084-2.58 7.436-2.58 10.036-2.58c1.635 0 2.536 0 2.536-.708s-.705-1.268-1.985-1.576M10.5 13a2.5 2.5 0 0 0 2.5-2.5c0-1.252-.923-2.28-2.124-2.462a5.4 5.4 0 0 0-2.178.736A2.5 2.5 0 0 0 8 10.5a2.5 2.5 0 0 0 2.5 2.5m13 0a2.5 2.5 0 0 0 2.5-2.5c0-1.252-.923-2.28-2.124-2.462a5.4 5.4 0 0 0-2.177.736A2.48 2.48 0 0 0 21 10.5a2.5 2.5 0 0 0 2.5 2.5"/></svg>
</template>

CSS

.icon-face-with-rolling-eyes {
  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%3Ccircle%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2218%22%20fill%3D%22%23ffcc4d%22%2F%3E%3Ccircle%20cx%3D%2224.5%22%20cy%3D%2213.5%22%20r%3D%225.5%22%20fill%3D%22%23f4f7f9%22%2F%3E%3Ccircle%20cx%3D%2211.5%22%20cy%3D%2213.5%22%20r%3D%225.5%22%20fill%3D%22%23f4f7f9%22%2F%3E%3Cpath%20fill%3D%22%2365471b%22%20d%3D%22M23.109%2023.424c-2.763-.667-8.873-.06-11.162%204.405a.373.373%200%200%200%20.334.546a.38.38%200%200%200%20.241-.087c3.084-2.58%207.436-2.58%2010.036-2.58c1.635%200%202.536%200%202.536-.708s-.705-1.268-1.985-1.576M10.5%2013a2.5%202.5%200%200%200%202.5-2.5c0-1.252-.923-2.28-2.124-2.462a5.4%205.4%200%200%200-2.178.736A2.5%202.5%200%200%200%208%2010.5a2.5%202.5%200%200%200%202.5%202.5m13%200a2.5%202.5%200%200%200%202.5-2.5c0-1.252-.923-2.28-2.124-2.462a5.4%205.4%200%200%200-2.177.736A2.48%202.48%200%200%200%2021%2010.5a2.5%202.5%200%200%200%202.5%202.5%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%3Ccircle%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2218%22%20fill%3D%22%23ffcc4d%22%2F%3E%3Ccircle%20cx%3D%2224.5%22%20cy%3D%2213.5%22%20r%3D%225.5%22%20fill%3D%22%23f4f7f9%22%2F%3E%3Ccircle%20cx%3D%2211.5%22%20cy%3D%2213.5%22%20r%3D%225.5%22%20fill%3D%22%23f4f7f9%22%2F%3E%3Cpath%20fill%3D%22%2365471b%22%20d%3D%22M23.109%2023.424c-2.763-.667-8.873-.06-11.162%204.405a.373.373%200%200%200%20.334.546a.38.38%200%200%200%20.241-.087c3.084-2.58%207.436-2.58%2010.036-2.58c1.635%200%202.536%200%202.536-.708s-.705-1.268-1.985-1.576M10.5%2013a2.5%202.5%200%200%200%202.5-2.5c0-1.252-.923-2.28-2.124-2.462a5.4%205.4%200%200%200-2.178.736A2.5%202.5%200%200%200%208%2010.5a2.5%202.5%200%200%200%202.5%202.5m13%200a2.5%202.5%200%200%200%202.5-2.5c0-1.252-.923-2.28-2.124-2.462a5.4%205.4%200%200%200-2.177.736A2.48%202.48%200%200%200%2021%2010.5a2.5%202.5%200%200%200%202.5%202.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/face-with-rolling-eyes.svg?color=%231a73e8&size=48