DBEmoji人物 & 身体表情:handshake: medium-dark skin tone, medium-light skin tone: 中等-深肤色。
handshake: medium-dark skin tone, medium-light skin tone: 中等-深肤色 动画属于 Google Noto Emoji Animation 集合:矢量 Lottie 格式,任意尺寸都保持锐利,文件保持在 100 KB 以下。Unicode 码点为 U+1FAF1 U+1F3FE U+200D U+1FAF2 U+1F3FC。
这段 Lottie 与 🫱🏾🫲🏼 表达相同语义:人物 & 身体表情:handshake: medium-dark skin tone, medium-light skin tone: 中等-深肤色。 动画只是让那个瞬间更有冲击力。
选择匹配技术栈的代码片段。所有片段都指向 Google CDN 上同一份 Lottie JSON,无需自托管资源。
https://fonts.gstatic.com/s/e/notoemoji/latest/1faf1_1f3fe_200d_1faf2_1f3fc/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/1faf1_1f3fe_200d_1faf2_1f3fc/lottie.json"
background="transparent"
speed="1"
style="width: 160px; height: 160px"
loop
autoplay>
</lottie-player><div id="lottie-handshake-medium-dark-skin-tone-medium-light-skin-tone-1faf1-1f3fe-200d-1faf2-1f3fc" 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-handshake-medium-dark-skin-tone-medium-light-skin-tone-1faf1-1f3fe-200d-1faf2-1f3fc"),
renderer: "svg",
loop: true,
autoplay: true,
path: "https://fonts.gstatic.com/s/e/notoemoji/latest/1faf1_1f3fe_200d_1faf2_1f3fc/lottie.json"
});
</script>import Lottie from "lottie-react";
import { useEffect, useState } from "react";
export function HandshakeMediumDarkSkinToneMediumLightSkinTone1faf11f3fe200d1faf21f3fc() {
const [data, setData] = useState<unknown>(null);
useEffect(() => {
fetch("https://fonts.gstatic.com/s/e/notoemoji/latest/1faf1_1f3fe_200d_1faf2_1f3fc/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。暂停自动播放,回退到 Unicode 字符 🫱🏾🫲🏼 或静态 Noto PNG。动画来源:Google Noto Emoji Animation(Apache License 2.0)。由 Google 在 fonts.gstatic.com 托管。