next-icons-logoNext IconsAll Icons
export type IconProps = {
  size?: number | string;
  color?: string;
  className?: string;
} & React.SVGProps<SVGSVGElement>;

export const EightBallIcon = ({
  size = 24,
  color = "currentColor",
  className,
  ...props
}: IconProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 24 24"
    width={size}
    height={size}
    fill={color}
    className={className}
    {...props}
  >
      <path d="M4.93 4.93C3.04 6.82 2 9.33 2 12s1.04 5.18 2.93 7.07A9.96 9.96 0 0 0 12 21.99c2.56 0 5.12-.97 7.07-2.92C20.96 17.18 22 14.67 22 12s-1.04-5.18-2.93-7.07c-3.9-3.9-10.24-3.9-14.14 0m12.73 12.73c-3.12 3.12-8.19 3.12-11.31 0-1.51-1.51-2.34-3.52-2.34-5.66s.83-4.15 2.34-5.66C7.91 4.78 9.96 4 12.01 4s4.1.78 5.66 2.34c1.51 1.51 2.34 3.52 2.34 5.66s-.83 4.15-2.34 5.66Z" />
      <path d="M13.25 8.75a.5.5 0 1 0 0 1 .5.5 0 1 0 0-1M13.25 10.75a1 1 0 1 0 0 2 1 1 0 1 0 0-2" />
      <path d="M9.46 7.46c-1.95 1.95-1.95 5.12 0 7.07s5.12 1.95 7.07 0 1.95-5.12 0-7.07a5.003 5.003 0 0 0-7.07 0m3.79 6.29c-1.1 0-2-.9-2-2 0-.66.32-1.23.81-1.6-.19-.25-.31-.56-.31-.9 0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5c0 .34-.12.65-.31.9.49.37.81.94.81 1.6 0 1.1-.9 2-2 2" />
  </svg>
);

Icon

EightBall

Category

sports

Use case

Use this icon in navbar items, social link groups, profile actions, settings rows, and call-to-action buttons.

Size

48px

Color

#18181b

Related sports icons

BaseBallBasketBallChessChessBishopChessKingChessKnightChessPawnChessQueen