DBEmoji
A smileys & emotion emoji called Face with rolling eyes.
Face with rolling eyes (🙄) is part of Google Noto Emoji Animation: a vector Lottie animation that scales sharply at any size and stays under 100 KB on the wire. The Unicode codepoint is U+1F644.
The Lottie carries the same semantic meaning as 🙄: A smileys & emotion emoji called Face with rolling eyes. The animation just makes the moment land harder.
Pick the snippet that matches your stack. Every snippet points at the same Lottie JSON on Google's CDN — no asset hosting required.
https://fonts.gstatic.com/s/e/notoemoji/latest/1f644/lottie.json<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<lottie-player
src="https://fonts.gstatic.com/s/e/notoemoji/latest/1f644/lottie.json"
background="transparent"
speed="1"
style="width: 160px; height: 160px"
loop
autoplay>
</lottie-player><div id="lottie-face-with-rolling-eyes-1f644" style="width:160px;height:160px"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.12.2/lottie.min.js"></script>
<script>
lottie.loadAnimation({
container: document.getElementById("lottie-face-with-rolling-eyes-1f644"),
renderer: "svg",
loop: true,
autoplay: true,
path: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f644/lottie.json"
});
</script>import Lottie from "lottie-react";
import { useEffect, useState } from "react";
export function FaceWithRollingEyes1f644() {
const [data, setData] = useState<unknown>(null);
useEffect(() => {
fetch("https://fonts.gstatic.com/s/e/notoemoji/latest/1f644/lottie.json").then((r) => r.json()).then(setData);
}, []);
if (!data) return null;
return (
<Lottie
animationData={data}
loop
autoplay
style={{ width: 160, height: 160 }}
/>
);
}prefers-reduced-motion. Pause autoplay and render the Unicode character 🙄 or the static Noto PNG as a fallback.Animation source: Google Noto Emoji Animation (Apache License 2.0). Hosted by Google on fonts.gstatic.com.