face with rolling eyes emoji

face-with-rolling-eyes from Emoji One (Colored) by Emoji One · Default · People · CC-BY-4.0 Attribution required.

Name
face-with-rolling-eyes
Set
Emoji One (Colored)
Style
Default
Category
People
Viewbox
64×64
License
CC BY 4.0

The same emoji in other sets

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 Emojisface-with-rolling-eyesTwitter Emoji

More people icons from Emoji One (Colored)

alienalien-monsterangry-faceangry-face-with-hornsanguished-faceanxious-face-with-sweatastonished-facebabybaby-angelbackhand-index-pointing-downbackhand-index-pointing-leftbackhand-index-pointing-rightbackhand-index-pointing-upbeaming-face-with-smiling-eyesblond-haired-personboybride-with-veilbriefcasebust-in-silhouettebusts-in-silhouettecall-me-handcat-face-with-tears-of-joycat-face-with-wry-smileclapping-hands

Use the face with rolling eyes emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><circle cx="32" cy="32" r="30" fill="#ffdd67"/><path fill="#fff" d="M45.5 40c6.1 0 11-4.9 11-11c0-1.6-.4-3.2-1-4.6c-2.8-1.3-6.3-2-10-2s-7.2.8-10 2c-.6 1.4-1 2.9-1 4.6c0 6.1 4.9 11 11 11"/><path fill="#664e27" d="M46 22.4c-.5.7-.8 1.6-.8 2.5c0 2.5 2 4.5 4.5 4.5s4.5-2 4.5-4.5c0-.4-.1-.7-.1-1c-2.4-.9-5.2-1.5-8.1-1.5"/><path fill="#fff" d="M18.5 40c6.1 0 11-4.9 11-11c0-1.6-.4-3.2-1-4.6c-2.8-1.3-6.3-2-10-2s-7.2.8-10 2c-.6 1.4-1 2.9-1 4.6c0 6.1 4.9 11 11 11"/><path fill="#664e27" d="M19 22.4c-.5.7-.8 1.6-.8 2.5c0 2.5 2 4.5 4.5 4.5s4.5-2 4.5-4.5c0-.4-.1-.7-.1-1c-2.4-.9-5.2-1.5-8.1-1.5m21.6 24.9c-5.4-2.5-11.8-2.5-17.2 0c-1.4.7.3 4.2 1.6 3.5c3.6-1.7 8.9-2.3 13.9 0c1.4.6 3.1-2.8 1.7-3.5"/></svg>

React

import type { SVGProps } from "react";

export function EmojioneFaceWithRollingEyes(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><circle cx="32" cy="32" r="30" fill="#ffdd67"/><path fill="#fff" d="M45.5 40c6.1 0 11-4.9 11-11c0-1.6-.4-3.2-1-4.6c-2.8-1.3-6.3-2-10-2s-7.2.8-10 2c-.6 1.4-1 2.9-1 4.6c0 6.1 4.9 11 11 11"/><path fill="#664e27" d="M46 22.4c-.5.7-.8 1.6-.8 2.5c0 2.5 2 4.5 4.5 4.5s4.5-2 4.5-4.5c0-.4-.1-.7-.1-1c-2.4-.9-5.2-1.5-8.1-1.5"/><path fill="#fff" d="M18.5 40c6.1 0 11-4.9 11-11c0-1.6-.4-3.2-1-4.6c-2.8-1.3-6.3-2-10-2s-7.2.8-10 2c-.6 1.4-1 2.9-1 4.6c0 6.1 4.9 11 11 11"/><path fill="#664e27" d="M19 22.4c-.5.7-.8 1.6-.8 2.5c0 2.5 2 4.5 4.5 4.5s4.5-2 4.5-4.5c0-.4-.1-.7-.1-1c-2.4-.9-5.2-1.5-8.1-1.5m21.6 24.9c-5.4-2.5-11.8-2.5-17.2 0c-1.4.7.3 4.2 1.6 3.5c3.6-1.7 8.9-2.3 13.9 0c1.4.6 3.1-2.8 1.7-3.5"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><circle cx="32" cy="32" r="30" fill="#ffdd67"/><path fill="#fff" d="M45.5 40c6.1 0 11-4.9 11-11c0-1.6-.4-3.2-1-4.6c-2.8-1.3-6.3-2-10-2s-7.2.8-10 2c-.6 1.4-1 2.9-1 4.6c0 6.1 4.9 11 11 11"/><path fill="#664e27" d="M46 22.4c-.5.7-.8 1.6-.8 2.5c0 2.5 2 4.5 4.5 4.5s4.5-2 4.5-4.5c0-.4-.1-.7-.1-1c-2.4-.9-5.2-1.5-8.1-1.5"/><path fill="#fff" d="M18.5 40c6.1 0 11-4.9 11-11c0-1.6-.4-3.2-1-4.6c-2.8-1.3-6.3-2-10-2s-7.2.8-10 2c-.6 1.4-1 2.9-1 4.6c0 6.1 4.9 11 11 11"/><path fill="#664e27" d="M19 22.4c-.5.7-.8 1.6-.8 2.5c0 2.5 2 4.5 4.5 4.5s4.5-2 4.5-4.5c0-.4-.1-.7-.1-1c-2.4-.9-5.2-1.5-8.1-1.5m21.6 24.9c-5.4-2.5-11.8-2.5-17.2 0c-1.4.7.3 4.2 1.6 3.5c3.6-1.7 8.9-2.3 13.9 0c1.4.6 3.1-2.8 1.7-3.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%2064%2064%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2230%22%20fill%3D%22%23ffdd67%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M45.5%2040c6.1%200%2011-4.9%2011-11c0-1.6-.4-3.2-1-4.6c-2.8-1.3-6.3-2-10-2s-7.2.8-10%202c-.6%201.4-1%202.9-1%204.6c0%206.1%204.9%2011%2011%2011%22%2F%3E%3Cpath%20fill%3D%22%23664e27%22%20d%3D%22M46%2022.4c-.5.7-.8%201.6-.8%202.5c0%202.5%202%204.5%204.5%204.5s4.5-2%204.5-4.5c0-.4-.1-.7-.1-1c-2.4-.9-5.2-1.5-8.1-1.5%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18.5%2040c6.1%200%2011-4.9%2011-11c0-1.6-.4-3.2-1-4.6c-2.8-1.3-6.3-2-10-2s-7.2.8-10%202c-.6%201.4-1%202.9-1%204.6c0%206.1%204.9%2011%2011%2011%22%2F%3E%3Cpath%20fill%3D%22%23664e27%22%20d%3D%22M19%2022.4c-.5.7-.8%201.6-.8%202.5c0%202.5%202%204.5%204.5%204.5s4.5-2%204.5-4.5c0-.4-.1-.7-.1-1c-2.4-.9-5.2-1.5-8.1-1.5m21.6%2024.9c-5.4-2.5-11.8-2.5-17.2%200c-1.4.7.3%204.2%201.6%203.5c3.6-1.7%208.9-2.3%2013.9%200c1.4.6%203.1-2.8%201.7-3.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%2064%2064%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2230%22%20fill%3D%22%23ffdd67%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M45.5%2040c6.1%200%2011-4.9%2011-11c0-1.6-.4-3.2-1-4.6c-2.8-1.3-6.3-2-10-2s-7.2.8-10%202c-.6%201.4-1%202.9-1%204.6c0%206.1%204.9%2011%2011%2011%22%2F%3E%3Cpath%20fill%3D%22%23664e27%22%20d%3D%22M46%2022.4c-.5.7-.8%201.6-.8%202.5c0%202.5%202%204.5%204.5%204.5s4.5-2%204.5-4.5c0-.4-.1-.7-.1-1c-2.4-.9-5.2-1.5-8.1-1.5%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18.5%2040c6.1%200%2011-4.9%2011-11c0-1.6-.4-3.2-1-4.6c-2.8-1.3-6.3-2-10-2s-7.2.8-10%202c-.6%201.4-1%202.9-1%204.6c0%206.1%204.9%2011%2011%2011%22%2F%3E%3Cpath%20fill%3D%22%23664e27%22%20d%3D%22M19%2022.4c-.5.7-.8%201.6-.8%202.5c0%202.5%202%204.5%204.5%204.5s4.5-2%204.5-4.5c0-.4-.1-.7-.1-1c-2.4-.9-5.2-1.5-8.1-1.5m21.6%2024.9c-5.4-2.5-11.8-2.5-17.2%200c-1.4.7.3%204.2%201.6%203.5c3.6-1.7%208.9-2.3%2013.9%200c1.4.6%203.1-2.8%201.7-3.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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