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

Game Icons · GiPanda

Panda icon

A free panda 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/panda.json

components/icons/game-icons-panda.tsx

import * as React from "react";

/**
 * Panda from Game Icons (https://game-icons.net/), CC BY 3.0.
 * Via Cuelark UI: ui.cuelark.com/icons/game-icons/panda. Sized in em, colored by currentColor.
 */
export function GiPandaIcon(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="M104.75 16.813c-24.29.552-47.924 8.42-62.844 26.03C29.71 57.24 27.212 75.418 31.126 93.438c3.912 18.02 13.678 36.518 26.25 55.063l.124.156C41.142 180.15 32 216.558 32 256c0 64 32 128 96 128 32 48 32 96 128 96s96-48 128-96c64 0 96-48 96-128 0-39.442-9.142-75.85-25.5-107.344l.125-.156c12.57-18.545 22.337-37.042 26.25-55.063 3.913-18.02 1.414-36.197-10.78-50.593-15.915-18.785-41.757-26.468-67.72-26.032-25.963.437-52.602 8.894-71.563 25.094l-1.593 1.344C306.473 35.923 281.892 32 256 32s-50.474 3.923-73.22 11.25l-1.593-1.344c-18.96-16.2-45.6-24.657-71.562-25.093-1.623-.028-3.256-.037-4.875 0zm.375 16c1.397-.034 2.808-.024 4.22 0 19.96.335 40.684 6.498 55.81 16.968C123.906 67.025 89.78 96 66.406 133.095c-9.75-15.32-16.81-30.108-19.624-43.063-3.203-14.755-1.46-26.517 7.314-36.874 10.937-12.91 30.08-19.842 51.03-20.343zm297.53 0c22.574-.38 43.585 6.572 55.25 20.343 8.775 10.357 10.518 22.12 7.314 36.875-2.814 12.956-9.874 27.743-19.626 43.064-23.372-37.096-57.5-66.07-98.75-83.313 15.127-10.47 35.85-16.632 55.812-16.968zM176 144c16 0 48 16 48 64 0 64-48 96-80 96s-48-64-48-96 64-64 80-64zm160 0c16 0 80 32 80 64s-16 96-48 96-80-32-80-96c0-48 32-64 48-64zm-143.53 80A16 16 0 0 0 176 240a16 16 0 0 0 32 0 16 16 0 0 0-15.53-16zm128 0A16 16 0 0 0 304 240a16 16 0 0 0 32 0 16 16 0 0 0-15.53-16zM256 340c12 0 24 4 48 12l-48 48-48-48c24-8 36-12 48-12zm-59.563 69.344C219.756 424.89 238.133 432 256 432c17.867 0 36.245-7.11 59.563-22.656l8.875 13.312C299.755 439.11 278.132 448 256 448c-22.133 0-43.755-8.89-68.438-25.344l8.875-13.312z"
      />
    </svg>
  );
}

With react-icons

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

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

panda.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="M104.75 16.813c-24.29.552-47.924 8.42-62.844 26.03C29.71 57.24 27.212 75.418 31.126 93.438c3.912 18.02 13.678 36.518 26.25 55.063l.124.156C41.142 180.15 32 216.558 32 256c0 64 32 128 96 128 32 48 32 96 128 96s96-48 128-96c64 0 96-48 96-128 0-39.442-9.142-75.85-25.5-107.344l.125-.156c12.57-18.545 22.337-37.042 26.25-55.063 3.913-18.02 1.414-36.197-10.78-50.593-15.915-18.785-41.757-26.468-67.72-26.032-25.963.437-52.602 8.894-71.563 25.094l-1.593 1.344C306.473 35.923 281.892 32 256 32s-50.474 3.923-73.22 11.25l-1.593-1.344c-18.96-16.2-45.6-24.657-71.562-25.093-1.623-.028-3.256-.037-4.875 0zm.375 16c1.397-.034 2.808-.024 4.22 0 19.96.335 40.684 6.498 55.81 16.968C123.906 67.025 89.78 96 66.406 133.095c-9.75-15.32-16.81-30.108-19.624-43.063-3.203-14.755-1.46-26.517 7.314-36.874 10.937-12.91 30.08-19.842 51.03-20.343zm297.53 0c22.574-.38 43.585 6.572 55.25 20.343 8.775 10.357 10.518 22.12 7.314 36.875-2.814 12.956-9.874 27.743-19.626 43.064-23.372-37.096-57.5-66.07-98.75-83.313 15.127-10.47 35.85-16.632 55.812-16.968zM176 144c16 0 48 16 48 64 0 64-48 96-80 96s-48-64-48-96 64-64 80-64zm160 0c16 0 80 32 80 64s-16 96-48 96-80-32-80-96c0-48 32-64 48-64zm-143.53 80A16 16 0 0 0 176 240a16 16 0 0 0 32 0 16 16 0 0 0-15.53-16zm128 0A16 16 0 0 0 304 240a16 16 0 0 0 32 0 16 16 0 0 0-15.53-16zM256 340c12 0 24 4 48 12l-48 48-48-48c24-8 36-12 48-12zm-59.563 69.344C219.756 424.89 238.133 432 256 432c17.867 0 36.245-7.11 59.563-22.656l8.875 13.312C299.755 439.11 278.132 448 256 448c-22.133 0-43.755-8.89-68.438-25.344l8.875-13.312z"
  />
</svg>

Attribution

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

Similar Game Icons icons