DBEmoji
A smileys & emotion emoji called Anguished face.
Anguished face (๐ง) 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+1F627.
The Lottie carries the same semantic meaning as ๐ง: A smileys & emotion emoji called Anguished face. 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/1f627/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/1f627/lottie.json"
background="transparent"
speed="1"
style="width: 160px; height: 160px"
loop
autoplay>
</lottie-player><div id="lottie-anguished-face-1f627" 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-anguished-face-1f627"),
renderer: "svg",
loop: true,
autoplay: true,
path: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f627/lottie.json"
});
</script>import Lottie from "lottie-react";
import { useEffect, useState } from "react";
export function AnguishedFace1f627() {
const [data, setData] = useState<unknown>(null);
useEffect(() => {
fetch("https://fonts.gstatic.com/s/e/notoemoji/latest/1f627/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.