올린 엄지: 중간 밝은 피부톤

https://fonts.gstatic.com/s/e/notoemoji/latest/1f44d_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/1f44d_1f3fc/lottie.json"
  background="transparent"
  speed="1"
  style="width: 160px; height: 160px"
  loop
  autoplay>
</lottie-player>

<div id="lottie-thumbs-up-medium-light-skin-tone-1f44d-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-thumbs-up-medium-light-skin-tone-1f44d-1f3fc"),
    renderer: "svg",
    loop: true,
    autoplay: true,
    path: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f44d_1f3fc/lottie.json"
  });
</script>

import Lottie from "lottie-react";
import { useEffect, useState } from "react";

export function ThumbsUpMediumLightSkinTone1f44d1f3fc() {
  const [data, setData] = useState<unknown>(null);
  useEffect(() => {
    fetch("https://fonts.gstatic.com/s/e/notoemoji/latest/1f44d_1f3fc/lottie.json").then((r) => r.json()).then(setData);
  }, []);
  if (!data) return null;
  return (
    <Lottie
      animationData={data}
      loop
      autoplay
      style={{ width: 160, height: 160 }}
    />
  );
}