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

Game Icons · GiDjinn

Djinn icon

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

components/icons/game-icons-djinn.tsx

import * as React from "react";

/**
 * Djinn from Game Icons (https://game-icons.net/), CC BY 3.0.
 * Via Cuelark UI: ui.cuelark.com/icons/game-icons/djinn. Sized in em, colored by currentColor.
 */
export function GiDjinnIcon(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="M264.9 18.83c-6.6.13-12 2.13-15.7 5.89-.3.25-.4.18-.4 1.5s.4 3.82 1.7 6.97c2.6 6.3 8.4 14.98 16.2 23.97 13.8 16.04 34 33.06 53.4 44.94 6.7-11.59 8-22.39 6.1-32.55-2.3-12.14-9.6-23.58-19.5-32.53-9.8-8.94-22.1-15.21-32.9-17.33-2.7-.53-5.2-.76-7.6-.86-.5-.01-.9-.01-1.3 0zm-34 6.23c-10 2.63-20.9 8.52-29.8 16.6-9.9 8.94-17.2 20.39-19.5 32.52-1.9 10.15-.6 20.94 6.1 32.52 19.4-11.86 39.6-28.87 53.4-44.9 1.1-1.28 2.2-2.55 3.2-3.81-4.4-6.1-8-12.09-10.4-17.94-1.9-4.66-3.2-9.29-3.1-14.15 0-.28 0-.56.1-.84zm25 47.17c-.4.45-.7.89-1.1 1.34C240.4 90.16 221 107.1 201 119.9v.1c0 31.8 20.2 57.3 46 62.1V157l-19.8 7.4-6.4-16.8 35.2-13.2 35.2 13.2-6.4 16.8L265 157v25.1c25.8-4.8 46-30.3 46-62.1v-2.1c-20.1-12.2-40-28.99-55.1-45.67zM201.7 174.1C119 190.9 89.15 244.9 89.02 271.8c.19 4.3 1.97 6.8 8.92 9.7 7.06 2.9 18.86 4.6 33.96 3.6 26.1-1.7 61.9-10.7 101.8-28.5-9.4-2.7-20.2-4.5-30.6-5.7C185 249 168 249 160 249v-18c8 0 25.7 0 45 2.1 15.2 1.6 31.4 4.3 45.2 10l-21.6-48c-10.4-4.7-19.5-11.9-26.9-21zm108.3.4c-7.4 9-16.5 16.1-26.9 20.7l-6.8 15.3c14.6-2.5 30.1-4.1 45.5-4.4 14.2-.2 28.3.7 41.8 3 10.6 1.9 20.8 4.8 30.2 8.9-2.4-2.4-4.9-4.8-7.7-7.2-17.8-15.2-42.7-29-76.1-36.3zm14.8 49.7c-19.5.1-39.5 2.6-57.5 6.4l-7.6 17.1c.1.1.2.1.3.2 47.2 23.6 90.5 35.6 120.9 37.6 15.1 1 27-.6 33.9-3.5 6.4-2.7 8.1-4.9 8.2-9-7.4-27.1-30.9-40.6-62.6-46.1-10-1.8-20.7-2.6-31.7-2.7h-3.9zM256 266c-35.5 17.3-68.6 28.4-96.7 33.7 8.2 11.6 14.7 22.6 19.5 33 5 10.8 8.1 21.1 9.3 30.9 59.6 22 110.6 9.3 151.7-8.4 5.1-16.5 9.4-34.9 12.9-55.3-28.2-5.5-61.4-16.7-96.7-33.9zm76.2 111.5c-39.9 14.6-89.2 23.2-144.3 4.9-.9 5-2.4 9.8-4.5 14.3-8.6 18.2-26.8 31.1-52 40.5-18.4 6.9-40.92 12.1-67.37 15.9 56.47 25.2 118.27 42.7 169.57 28.2 29.9-8.4 56.7-27.2 78.7-62.8 7.3-11.7 13.9-25.4 19.9-41z"
      />
    </svg>
  );
}

With react-icons

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

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

djinn.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="M264.9 18.83c-6.6.13-12 2.13-15.7 5.89-.3.25-.4.18-.4 1.5s.4 3.82 1.7 6.97c2.6 6.3 8.4 14.98 16.2 23.97 13.8 16.04 34 33.06 53.4 44.94 6.7-11.59 8-22.39 6.1-32.55-2.3-12.14-9.6-23.58-19.5-32.53-9.8-8.94-22.1-15.21-32.9-17.33-2.7-.53-5.2-.76-7.6-.86-.5-.01-.9-.01-1.3 0zm-34 6.23c-10 2.63-20.9 8.52-29.8 16.6-9.9 8.94-17.2 20.39-19.5 32.52-1.9 10.15-.6 20.94 6.1 32.52 19.4-11.86 39.6-28.87 53.4-44.9 1.1-1.28 2.2-2.55 3.2-3.81-4.4-6.1-8-12.09-10.4-17.94-1.9-4.66-3.2-9.29-3.1-14.15 0-.28 0-.56.1-.84zm25 47.17c-.4.45-.7.89-1.1 1.34C240.4 90.16 221 107.1 201 119.9v.1c0 31.8 20.2 57.3 46 62.1V157l-19.8 7.4-6.4-16.8 35.2-13.2 35.2 13.2-6.4 16.8L265 157v25.1c25.8-4.8 46-30.3 46-62.1v-2.1c-20.1-12.2-40-28.99-55.1-45.67zM201.7 174.1C119 190.9 89.15 244.9 89.02 271.8c.19 4.3 1.97 6.8 8.92 9.7 7.06 2.9 18.86 4.6 33.96 3.6 26.1-1.7 61.9-10.7 101.8-28.5-9.4-2.7-20.2-4.5-30.6-5.7C185 249 168 249 160 249v-18c8 0 25.7 0 45 2.1 15.2 1.6 31.4 4.3 45.2 10l-21.6-48c-10.4-4.7-19.5-11.9-26.9-21zm108.3.4c-7.4 9-16.5 16.1-26.9 20.7l-6.8 15.3c14.6-2.5 30.1-4.1 45.5-4.4 14.2-.2 28.3.7 41.8 3 10.6 1.9 20.8 4.8 30.2 8.9-2.4-2.4-4.9-4.8-7.7-7.2-17.8-15.2-42.7-29-76.1-36.3zm14.8 49.7c-19.5.1-39.5 2.6-57.5 6.4l-7.6 17.1c.1.1.2.1.3.2 47.2 23.6 90.5 35.6 120.9 37.6 15.1 1 27-.6 33.9-3.5 6.4-2.7 8.1-4.9 8.2-9-7.4-27.1-30.9-40.6-62.6-46.1-10-1.8-20.7-2.6-31.7-2.7h-3.9zM256 266c-35.5 17.3-68.6 28.4-96.7 33.7 8.2 11.6 14.7 22.6 19.5 33 5 10.8 8.1 21.1 9.3 30.9 59.6 22 110.6 9.3 151.7-8.4 5.1-16.5 9.4-34.9 12.9-55.3-28.2-5.5-61.4-16.7-96.7-33.9zm76.2 111.5c-39.9 14.6-89.2 23.2-144.3 4.9-.9 5-2.4 9.8-4.5 14.3-8.6 18.2-26.8 31.1-52 40.5-18.4 6.9-40.92 12.1-67.37 15.9 56.47 25.2 118.27 42.7 169.57 28.2 29.9-8.4 56.7-27.2 78.7-62.8 7.3-11.7 13.9-25.4 19.9-41z"
  />
</svg>

Attribution

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

Similar Game Icons icons