Skip to content
Cuelark UI

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

Game Icons · GiEightBall

Eight Ball icon

A free eight ball 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/eight-ball.json
components/icons/game-icons-eight-ball.tsx
import * as React from "react";

/**
 * Eight Ball from Game Icons (https://game-icons.net/), CC BY 3.0.
 * Via Cuelark UI: ui.cuelark.com/icons/game-icons/eight-ball. Sized in em, colored by currentColor.
 */
export function GiEightBallIcon(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 23C127.424 23 23 127.424 23 256s104.424 233 233 233 233-104.424 233-233S384.576 23 256 23zm0 18c118.848 0 215 96.152 215 215s-96.152 215-215 215S41 374.848 41 256 137.152 41 256 41zm-95.768 53.18c-20.468.103-50.85 29.877-72.595 72.966-24.85 49.246-29.006 97.236-9.283 107.188 19.722 9.952 24.796-38.29 49.646-87.535 24.85-49.247 60.066-80.848 40.344-90.8-2.466-1.244-5.188-1.835-8.112-1.82zm162.89 43.363A99.123 102.456 0 0 0 224 240a99.123 102.456 0 0 0 99.123 102.457A99.123 102.456 0 0 0 422.246 240a99.123 102.456 0 0 0-99.123-102.457zm8.32 45.057c6.57-.104 12.27 1.175 17.095 3.834 7.02 3.867 11.325 10.098 12.912 18.693 1.134 6.146.342 11.68-2.374 16.6-2.668 4.91-6.957 8.708-12.867 11.388 7.31.338 13.35 2.525 18.116 6.56 4.815 4.027 7.857 9.474 9.125 16.34 1.925 10.42.208 19.003-5.15 25.753-5.31 6.74-13.893 11.206-25.753 13.396-11.86 2.19-21.498 1.088-28.912-3.303-7.367-4.398-12.012-11.808-13.936-22.227-1.27-6.867-.373-13.04 2.687-18.52 3.06-5.48 7.943-9.684 14.652-12.61-6.527-.385-11.937-2.39-16.23-6.017-4.248-3.635-6.94-8.525-8.074-14.672-1.587-8.594.21-15.952 5.385-22.072 5.225-6.128 13.166-10.176 23.825-12.144 3.346-.618 6.512-.95 9.498-.998zm-2.358 11.98c-1.585.037-3.254.217-5.01.54-6.29 1.163-10.9 3.627-13.83 7.396-2.88 3.76-3.806 8.424-2.777 13.994 1.028 5.57 3.558 9.595 7.592 12.078 4.08 2.474 9.267 3.13 15.557 1.97 6.242-1.154 10.827-3.614 13.756-7.382 2.977-3.777 3.952-8.452 2.924-14.022-1.03-5.57-3.61-9.586-7.738-12.05-2.552-1.547-5.524-2.385-8.92-2.514-.51-.02-1.028-.022-1.556-.01zm9.832 46.848c-1.947-.014-4.008.18-6.184.582-6.914 1.277-12.023 4.13-15.326 8.564-3.254 4.425-4.283 9.877-3.086 16.36 1.197 6.482 4.105 11.21 8.725 14.18 4.668 2.96 10.46 3.8 17.373 2.525 6.914-1.278 12.023-4.133 15.326-8.566 3.294-4.48 4.346-9.94 3.158-16.373-1.197-6.48-4.128-11.203-8.797-14.165-3.176-2.042-6.906-3.077-11.19-3.107z"
      />
    </svg>
  );
}
With react-icons
import { GiEightBall } from "react-icons/gi";

export function Example() {
  return <GiEightBall className="size-5" />;
}
eight-ball.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 23C127.424 23 23 127.424 23 256s104.424 233 233 233 233-104.424 233-233S384.576 23 256 23zm0 18c118.848 0 215 96.152 215 215s-96.152 215-215 215S41 374.848 41 256 137.152 41 256 41zm-95.768 53.18c-20.468.103-50.85 29.877-72.595 72.966-24.85 49.246-29.006 97.236-9.283 107.188 19.722 9.952 24.796-38.29 49.646-87.535 24.85-49.247 60.066-80.848 40.344-90.8-2.466-1.244-5.188-1.835-8.112-1.82zm162.89 43.363A99.123 102.456 0 0 0 224 240a99.123 102.456 0 0 0 99.123 102.457A99.123 102.456 0 0 0 422.246 240a99.123 102.456 0 0 0-99.123-102.457zm8.32 45.057c6.57-.104 12.27 1.175 17.095 3.834 7.02 3.867 11.325 10.098 12.912 18.693 1.134 6.146.342 11.68-2.374 16.6-2.668 4.91-6.957 8.708-12.867 11.388 7.31.338 13.35 2.525 18.116 6.56 4.815 4.027 7.857 9.474 9.125 16.34 1.925 10.42.208 19.003-5.15 25.753-5.31 6.74-13.893 11.206-25.753 13.396-11.86 2.19-21.498 1.088-28.912-3.303-7.367-4.398-12.012-11.808-13.936-22.227-1.27-6.867-.373-13.04 2.687-18.52 3.06-5.48 7.943-9.684 14.652-12.61-6.527-.385-11.937-2.39-16.23-6.017-4.248-3.635-6.94-8.525-8.074-14.672-1.587-8.594.21-15.952 5.385-22.072 5.225-6.128 13.166-10.176 23.825-12.144 3.346-.618 6.512-.95 9.498-.998zm-2.358 11.98c-1.585.037-3.254.217-5.01.54-6.29 1.163-10.9 3.627-13.83 7.396-2.88 3.76-3.806 8.424-2.777 13.994 1.028 5.57 3.558 9.595 7.592 12.078 4.08 2.474 9.267 3.13 15.557 1.97 6.242-1.154 10.827-3.614 13.756-7.382 2.977-3.777 3.952-8.452 2.924-14.022-1.03-5.57-3.61-9.586-7.738-12.05-2.552-1.547-5.524-2.385-8.92-2.514-.51-.02-1.028-.022-1.556-.01zm9.832 46.848c-1.947-.014-4.008.18-6.184.582-6.914 1.277-12.023 4.13-15.326 8.564-3.254 4.425-4.283 9.877-3.086 16.36 1.197 6.482 4.105 11.21 8.725 14.18 4.668 2.96 10.46 3.8 17.373 2.525 6.914-1.278 12.023-4.133 15.326-8.566 3.294-4.48 4.346-9.94 3.158-16.373-1.197-6.48-4.128-11.203-8.797-14.165-3.176-2.042-6.906-3.077-11.19-3.107z"
  />
</svg>
Attribution
"Eight Ball" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.

Related icons: