DBEmoji
Smileys & Emotion entry: Frowning face.
☹ is the animated rendering of the frowning face emoji. Google designed the loop to communicate the same intent as the static glyph but with the motion that lives in the gesture or expression.
Visually, the animation amplifies the moment that the static หน้ายิ้มและอารมณ์ glyph only hints at — the smile widens, the object reacts, the gesture completes. It belongs in places where motion adds clarity, not noise.
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/2639_fe0f/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/2639_fe0f/lottie.json"
background="transparent"
speed="1"
style="width: 160px; height: 160px"
loop
autoplay>
</lottie-player><div id="lottie-frowning-face-2639" 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-frowning-face-2639"),
renderer: "svg",
loop: true,
autoplay: true,
path: "https://fonts.gstatic.com/s/e/notoemoji/latest/2639_fe0f/lottie.json"
});
</script>import Lottie from "lottie-react";
import { useEffect, useState } from "react";
export function FrowningFace2639() {
const [data, setData] = useState<unknown>(null);
useEffect(() => {
fetch("https://fonts.gstatic.com/s/e/notoemoji/latest/2639_fe0f/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.