DBEmoji
Bàn tay đang viết: nước da tối (✍🏿) thuộc Con người & Cơ thể.
✍🏿 chính là bản chuyển động của emoji Bàn tay đang viết: nước da tối. Google thiết kế đoạn loop để truyền tải cùng một ý nghĩa với glyph tĩnh nhưng có thêm nhịp chuyển động trong biểu cảm/cử chỉ.
Chuyển động phóng đại đúng khoảnh khắc mà glyph tĩnh trong nhóm Con người & Cơ thể chỉ gợi ý — nụ cười rộng hơn, vật phản ứng, cử chỉ hoàn tất. Phù hợp khi motion làm rõ ý chứ không gây nhiễu.
Chọn snippet phù hợp stack. Mọi snippet đều trỏ vào cùng file Lottie JSON trên CDN của Google — không cần tự host asset.
https://fonts.gstatic.com/s/e/notoemoji/latest/270d_1f3ff/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/270d_1f3ff/lottie.json"
background="transparent"
speed="1"
style="width: 160px; height: 160px"
loop
autoplay>
</lottie-player><div id="lottie-writing-hand-dark-skin-tone-270d-1f3ff" 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-writing-hand-dark-skin-tone-270d-1f3ff"),
renderer: "svg",
loop: true,
autoplay: true,
path: "https://fonts.gstatic.com/s/e/notoemoji/latest/270d_1f3ff/lottie.json"
});
</script>import Lottie from "lottie-react";
import { useEffect, useState } from "react";
export function WritingHandDarkSkinTone270d1f3ff() {
const [data, setData] = useState<unknown>(null);
useEffect(() => {
fetch("https://fonts.gstatic.com/s/e/notoemoji/latest/270d_1f3ff/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. Tắt autoplay và fallback về ký tự Unicode ✍🏿 hoặc PNG tĩnh.Nguồn animation: Google Noto Emoji Animation (Apache License 2.0). Host bởi Google trên fonts.gstatic.com.