Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:

Game Icons · GiSloth

Sloth icon

A free sloth icon from Game Icons, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.

License: CC BY 3.0 license
Project: game-icons.net

Download SVG

Install with shadcn

npx shadcn@latest add https://ui.cuelark.com/r/icons/game-icons/sloth.json

components/icons/game-icons-sloth.tsx

import * as React from "react";

/**
 * Sloth from Game Icons (https://game-icons.net/), CC BY 3.0.
 * Via Cuelark UI: ui.cuelark.com/icons/game-icons/sloth. Sized in em, colored by currentColor.
 */
export function GiSlothIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 512 512"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M195.1 30.9c0 53.6-47.9 93.5-36.8 169.6-12.5 6.5-24.7 13.1-36.3 20.1 4.3 13.5 27.3 76.1 82.8 102.4 8.5-8.6 17.5-17 26.7-25.2-12.3-54-8.9-105.5 9.7-157.1-11.7-54.7 6.2-109.8 6.2-109.8zm208.4 0c-4 24.4-20.1 45-43.8 63.7 5.2 16.9 5 35.1-3.2 52.2l-33.1-23.4-21.2 13.1s.9 31.9 31.8 75.2c-.7-38.3 39.5-71.5 78.7-71.5 23.4-25.9 42.9-53.7 55.6-84.9V30.9zm-68.2 62.73c-9.7.24-21.2 7.77-26.3 22.07l23.4-7.8 16.1 17.5c7.7-21.8-1.5-32.06-13.2-31.77zm-47 22.07c-14-.5-28.8 17.5-36.5 46.6-20.9 60-1.1 124.3-1.1 124.3l9.6-27.8s9.5 58 55 85.7c0 0-28.7-4.5-53-24.6-10.5 6.3-27.5 19.7-44.1 35.4-21.9-9-105.5-49-114.9-141.8l19-11.4C45.41 183.9 62.61 368.1 154 443c59.2 45 164.2 33 221.5-7l-24.8 40s91-28 120.4-157.4c5.8-24.9 6.6-48.3 4.6-72.7l13.4 13.3C487.4 196.9 448 151 403 159.9c-23.6 3.5-45.6 22.5-52.9 50.4 15.5-14.7 27.2-9.5 29.6.2 2.7 10.5-5.6 26.2-31.9 27.3 1.2 15 6.3 31.5 16.5 48.8-55.6-49.9-82.8-137.6-75.6-159l10.9-7.1c-3.6-3.1-7.4-4.7-11.3-4.8zm132 81.4c7.9-.2 17.7 4.6 27.1 17.9 10 14.2 1.5 23.7-15.8 21.3-27.4-3.8-31.9-21-25.3-31.3 2.9-4.5 7.9-7.7 14-7.9zm-1.1 11.8c-3.3 0-6 2.7-6 6s2.7 6 6 6 6-2.7 6-6-2.7-6-6-6zm-53 1c-3.3 0-6 2.7-6 6s2.7 6 6 6 6-2.7 6-6-2.7-6-6-6zm23.8 23.6c7.9 0 15.6 3.6 14.3 11.1-.8 4.2-7.5 6.7-14.4 7.2s-13.9-1.1-15.2-4.9c-3-8.8 6.3-13.4 15.3-13.4zM54.55 271.6c-13.46 13.9-24.32 28.9-31.66 45.5V481H120c1.3-13 3.9-26 7.4-38-53.12-47.3-74.78-117.1-72.85-171.4z"
      />
    </svg>
  );
}

With react-icons

import { GiSloth } from "react-icons/gi";

export function Example() {
  return <GiSloth className="size-5" />;
}

sloth.svg

<svg
  viewBox="0 0 512 512"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M195.1 30.9c0 53.6-47.9 93.5-36.8 169.6-12.5 6.5-24.7 13.1-36.3 20.1 4.3 13.5 27.3 76.1 82.8 102.4 8.5-8.6 17.5-17 26.7-25.2-12.3-54-8.9-105.5 9.7-157.1-11.7-54.7 6.2-109.8 6.2-109.8zm208.4 0c-4 24.4-20.1 45-43.8 63.7 5.2 16.9 5 35.1-3.2 52.2l-33.1-23.4-21.2 13.1s.9 31.9 31.8 75.2c-.7-38.3 39.5-71.5 78.7-71.5 23.4-25.9 42.9-53.7 55.6-84.9V30.9zm-68.2 62.73c-9.7.24-21.2 7.77-26.3 22.07l23.4-7.8 16.1 17.5c7.7-21.8-1.5-32.06-13.2-31.77zm-47 22.07c-14-.5-28.8 17.5-36.5 46.6-20.9 60-1.1 124.3-1.1 124.3l9.6-27.8s9.5 58 55 85.7c0 0-28.7-4.5-53-24.6-10.5 6.3-27.5 19.7-44.1 35.4-21.9-9-105.5-49-114.9-141.8l19-11.4C45.41 183.9 62.61 368.1 154 443c59.2 45 164.2 33 221.5-7l-24.8 40s91-28 120.4-157.4c5.8-24.9 6.6-48.3 4.6-72.7l13.4 13.3C487.4 196.9 448 151 403 159.9c-23.6 3.5-45.6 22.5-52.9 50.4 15.5-14.7 27.2-9.5 29.6.2 2.7 10.5-5.6 26.2-31.9 27.3 1.2 15 6.3 31.5 16.5 48.8-55.6-49.9-82.8-137.6-75.6-159l10.9-7.1c-3.6-3.1-7.4-4.7-11.3-4.8zm132 81.4c7.9-.2 17.7 4.6 27.1 17.9 10 14.2 1.5 23.7-15.8 21.3-27.4-3.8-31.9-21-25.3-31.3 2.9-4.5 7.9-7.7 14-7.9zm-1.1 11.8c-3.3 0-6 2.7-6 6s2.7 6 6 6 6-2.7 6-6-2.7-6-6-6zm-53 1c-3.3 0-6 2.7-6 6s2.7 6 6 6 6-2.7 6-6-2.7-6-6-6zm23.8 23.6c7.9 0 15.6 3.6 14.3 11.1-.8 4.2-7.5 6.7-14.4 7.2s-13.9-1.1-15.2-4.9c-3-8.8 6.3-13.4 15.3-13.4zM54.55 271.6c-13.46 13.9-24.32 28.9-31.66 45.5V481H120c1.3-13 3.9-26 7.4-38-53.12-47.3-74.78-117.1-72.85-171.4z"
  />
</svg>

Attribution

"Sloth" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.

Similar Game Icons icons