DBEmojihandshake: dark skin tone, light skin tone: 濃い肌色 — 人物 & 体カテゴリーの絵文字。
handshake: dark skin tone, light skin tone: 濃い肌色（🫱🏿🫲🏻）はGoogle Notoが手で仕上げたLottieアニメ絵文字です。1024×1024のキャンバスを60fpsでループし、ファイルサイズは約60〜90KB。静的PNGが置ける場所ならどこでも置き換えられます。
モーションが乗ることでhandshake: dark skin tone, light skin tone: 濃い肌色は静的キャラクターよりも存在感が増します。ランディングのヒーロー、オンボーディング、リアクションスタンプ、アプリ内のお祝いなど、ワンテンポ「間」が欲しいメッセージにどうぞ。
スタックに合うスニペットを選んでください。どのスニペットもGoogle CDN上の同じLottie JSONを参照するので、アセットを自前でホストする必要はありません。
https://fonts.gstatic.com/s/e/notoemoji/latest/1faf1_1f3ff_200d_1faf2_1f3fb/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_1f3ff_200d_1faf2_1f3fb/lottie.json"
background="transparent"
speed="1"
style="width: 160px; height: 160px"
loop
autoplay>
</lottie-player><div id="lottie-handshake-dark-skin-tone-light-skin-tone-1faf1-1f3ff-200d-1faf2-1f3fb" 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-dark-skin-tone-light-skin-tone-1faf1-1f3ff-200d-1faf2-1f3fb"),
renderer: "svg",
loop: true,
autoplay: true,
path: "https://fonts.gstatic.com/s/e/notoemoji/latest/1faf1_1f3ff_200d_1faf2_1f3fb/lottie.json"
});
</script>import Lottie from "lottie-react";
import { useEffect, useState } from "react";
export function HandshakeDarkSkinToneLightSkinTone1faf11f3ff200d1faf21f3fb() {
const [data, setData] = useState<unknown>(null);
useEffect(() => {
fetch("https://fonts.gstatic.com/s/e/notoemoji/latest/1faf1_1f3ff_200d_1faf2_1f3fb/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でホストしています。