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

Game Icons · GiDjembe

Djembe icon

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

components/icons/game-icons-djembe.tsx

import * as React from "react";

/**
 * Djembe from Game Icons (https://game-icons.net/), CC BY 3.0.
 * Via Cuelark UI: ui.cuelark.com/icons/game-icons/djembe. Sized in em, colored by currentColor.
 */
export function GiDjembeIcon(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="M256 41c-52.5 0-100.1 4.48-133.9 11.53-17 3.52-30.49 7.76-39.04 11.97-4.27 2.11-7.25 4.23-8.74 5.75C72.84 71.76 73 72.16 73 72c0-.16-.16.24 1.32 1.75 1.49 1.52 4.47 3.64 8.74 5.75 8.55 4.21 22.04 8.45 39.04 11.97C155.9 98.52 203.5 103 256 103s100.1-4.48 133.9-11.53c17-3.52 30.5-7.76 39-11.97 4.3-2.11 7.3-4.23 8.8-5.75 1.1-1.12 1.3-1.62 1.3-1.75 0 0 0 .02 0 0 0-.13-.2-.63-1.3-1.75-1.5-1.52-4.5-3.64-8.8-5.75-8.5-4.21-22-8.45-39-11.97C356.1 45.48 308.5 41 256 41zm183 31c0-.02 0 0 0 0zm0 0s0 .02 0 0zM73.11 96.02c.21 31.18 1.6 54.48 11.25 78.68 4.88 12.2 11.98 25 22.34 39.4L73.11 96.02zm365.79.24L405.3 214.1c10.4-14.4 17.5-27.2 22.3-39.4 9.7-24.1 11.1-47.4 11.3-78.44zM93.78 102.9l33.72 118.4L154.3 115c-13-1.7-25.1-3.6-35.9-5.9-9.1-1.9-17.3-4-24.62-6.2zm324.32 0c-7.3 2.3-15.5 4.3-24.5 6.2-10.8 2.3-22.9 4.2-35.9 5.9l26.8 106.3 33.6-118.4zm-252.8 13.4l42.2 129.3 36.6-124.7c-28.3-.3-55-2-78.8-4.6zm181.4 0c-23.8 2.6-50.5 4.3-78.8 4.6l36.6 124.7 42.2-129.3zM256 143.9l-42.5 145.5c13.3 1 27.9 1.6 42.5 1.6 14.6 0 29.2-.6 42.5-1.6L256 143.9zm-94.9 17.6l-22.9 90.7c8 8.8 17 18.1 27.1 28.3 6.5 2.8 19.3 5.7 34.8 7.6.8.1 1.7.2 2.5.3l-41.5-126.9zm189.8 0l-41.5 126.9c.8-.1 1.7-.2 2.5-.3 15.5-1.9 28.3-4.8 34.8-7.6 10.1-10.2 19.1-19.5 27.1-28.3l-22.9-90.7zM167.1 300.3l-5.8 34.7c23.1 10.1 59 16 94.7 16s71.6-5.9 94.7-16l-5.8-34.7c-8.6 2.5-19 4.2-30.8 5.6-17.5 2.1-37.8 3.1-58.1 3.1-20.3 0-40.6-1-58.1-3.1-11.8-1.4-22.2-3.1-30.8-5.6zm-8.9 53.1l-20.9 125.8c.7.7 2.5 1.9 5.2 3 5.9 2.5 15.4 5 27 6.9 23.2 3.9 54.9 5.9 86.5 5.9s63.3-2 86.5-5.9c11.6-1.9 21.1-4.4 27-6.9 2.7-1.1 4.5-2.3 5.2-3l-20.9-125.8C327.1 364.3 291.7 369 256 369c-35.7 0-71.1-4.7-97.8-15.6z"
      />
    </svg>
  );
}

With react-icons

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

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

djembe.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="M256 41c-52.5 0-100.1 4.48-133.9 11.53-17 3.52-30.49 7.76-39.04 11.97-4.27 2.11-7.25 4.23-8.74 5.75C72.84 71.76 73 72.16 73 72c0-.16-.16.24 1.32 1.75 1.49 1.52 4.47 3.64 8.74 5.75 8.55 4.21 22.04 8.45 39.04 11.97C155.9 98.52 203.5 103 256 103s100.1-4.48 133.9-11.53c17-3.52 30.5-7.76 39-11.97 4.3-2.11 7.3-4.23 8.8-5.75 1.1-1.12 1.3-1.62 1.3-1.75 0 0 0 .02 0 0 0-.13-.2-.63-1.3-1.75-1.5-1.52-4.5-3.64-8.8-5.75-8.5-4.21-22-8.45-39-11.97C356.1 45.48 308.5 41 256 41zm183 31c0-.02 0 0 0 0zm0 0s0 .02 0 0zM73.11 96.02c.21 31.18 1.6 54.48 11.25 78.68 4.88 12.2 11.98 25 22.34 39.4L73.11 96.02zm365.79.24L405.3 214.1c10.4-14.4 17.5-27.2 22.3-39.4 9.7-24.1 11.1-47.4 11.3-78.44zM93.78 102.9l33.72 118.4L154.3 115c-13-1.7-25.1-3.6-35.9-5.9-9.1-1.9-17.3-4-24.62-6.2zm324.32 0c-7.3 2.3-15.5 4.3-24.5 6.2-10.8 2.3-22.9 4.2-35.9 5.9l26.8 106.3 33.6-118.4zm-252.8 13.4l42.2 129.3 36.6-124.7c-28.3-.3-55-2-78.8-4.6zm181.4 0c-23.8 2.6-50.5 4.3-78.8 4.6l36.6 124.7 42.2-129.3zM256 143.9l-42.5 145.5c13.3 1 27.9 1.6 42.5 1.6 14.6 0 29.2-.6 42.5-1.6L256 143.9zm-94.9 17.6l-22.9 90.7c8 8.8 17 18.1 27.1 28.3 6.5 2.8 19.3 5.7 34.8 7.6.8.1 1.7.2 2.5.3l-41.5-126.9zm189.8 0l-41.5 126.9c.8-.1 1.7-.2 2.5-.3 15.5-1.9 28.3-4.8 34.8-7.6 10.1-10.2 19.1-19.5 27.1-28.3l-22.9-90.7zM167.1 300.3l-5.8 34.7c23.1 10.1 59 16 94.7 16s71.6-5.9 94.7-16l-5.8-34.7c-8.6 2.5-19 4.2-30.8 5.6-17.5 2.1-37.8 3.1-58.1 3.1-20.3 0-40.6-1-58.1-3.1-11.8-1.4-22.2-3.1-30.8-5.6zm-8.9 53.1l-20.9 125.8c.7.7 2.5 1.9 5.2 3 5.9 2.5 15.4 5 27 6.9 23.2 3.9 54.9 5.9 86.5 5.9s63.3-2 86.5-5.9c11.6-1.9 21.1-4.4 27-6.9 2.7-1.1 4.5-2.3 5.2-3l-20.9-125.8C327.1 364.3 291.7 369 256 369c-35.7 0-71.1-4.7-97.8-15.6z"
  />
</svg>

Attribution

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

Similar Game Icons icons