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

Game Icons · GiBoba

Boba icon

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

components/icons/game-icons-boba.tsx

import * as React from "react";

/**
 * Boba from Game Icons (https://game-icons.net/), CC BY 3.0.
 * Via Cuelark UI: ui.cuelark.com/icons/game-icons/boba. Sized in em, colored by currentColor.
 */
export function GiBobaIcon(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="m187.4 22.88-21.5 4.54 22.7 108.08c7.2-.7 14.6-1.2 22-1.6L187.4 22.88zM256 147.7c-41.2 0-82.3 3.7-123.5 11.1l-11.6 1.1 4.3 22.1 10.6-2.1c20.1-3.2 40.1-6.3 61.2-7.4l8.4 40.1h22.2l-8.4-42.2c51.6-2.1 104.4 1.1 157.1 9.5l10.6 2.1 4.2-22.1-11.6-1.1c-41.2-7.4-82.3-11.1-123.5-11.1zm-119.1 51.6 26.4 281.3 8.3 1c56.2 9.5 112.3 10.6 168.5 0l8.1-1 26.5-281.3h-22.1l-3.6 37.8H232.2l42.3 202.3-24.3-9.5-40.4-192.8h-47.3l-3.6-37.8h-22zm188.8 155.3c7.4 0 13.5 6 13.5 13.5s-6.1 13.5-13.5 13.5c-7.5 0-13.5-6-13.5-13.5s6-13.5 13.5-13.5zM292 380.2c7.4 0 13.6 6.1 13.6 13.5 0 7.5-6.2 13-13.6 13-7.4 0-13.6-5.5-13.6-13 0-7.4 6.2-13.5 13.6-13.5zm-74.2 5.1c7.5 0 13.5 6.1 13.5 13.5 0 7.9-6 13.2-13.5 13.2-7.4 0-13.5-5.3-13.5-13.2 0-7.4 6.1-13.5 13.5-13.5zm107 7.8c7.5 0 13.6 6 13.6 13.6 0 7.4-6.1 13.7-13.6 13.7-7.4 0-13.5-6.3-13.5-13.7 0-7.6 6.1-13.6 13.5-13.6zm-140.9 10.5c7.5 0 13.5 5.2 13.5 12.6 0 7.4-6 13.7-13.5 13.7s-13.5-6.3-13.5-13.7c0-7.4 6-12.6 13.5-12.6zm111.2 12.6c7.5 0 13.5 6.3 13.5 13.7 0 7.4-6 13.7-13.5 13.7s-13.5-6.3-13.5-13.7c0-7.4 6-13.7 13.5-13.7zm-76.1 7.4c7.5 0 13.6 6.3 13.6 13.7 0 7.4-6.1 13.7-13.6 13.7-7.4 0-13.5-6.3-13.5-13.7 0-7.4 6.1-13.7 13.5-13.7zm-32.7 14.8c7.5 0 13.5 5.2 13.5 12.6 0 7.4-6 13.7-13.5 13.7-7.4 0-13.5-6.3-13.5-13.7 0-7.4 6.1-12.6 13.5-12.6zm134.7 2.1c7.5 0 13.5 6.3 13.5 13.7 0 7.4-6 13.7-13.5 13.7s-13.5-6.3-13.5-13.7c0-7.4 6-13.7 13.5-13.7zm-66.5 4.2c7.4 0 13.5 5.3 13.5 12.7 0 7.3-6.1 13.7-13.5 13.7-7.5 0-13.5-6.4-13.5-13.7 0-7.4 6-12.7 13.5-12.7z"
      />
    </svg>
  );
}

With react-icons

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

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

boba.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="m187.4 22.88-21.5 4.54 22.7 108.08c7.2-.7 14.6-1.2 22-1.6L187.4 22.88zM256 147.7c-41.2 0-82.3 3.7-123.5 11.1l-11.6 1.1 4.3 22.1 10.6-2.1c20.1-3.2 40.1-6.3 61.2-7.4l8.4 40.1h22.2l-8.4-42.2c51.6-2.1 104.4 1.1 157.1 9.5l10.6 2.1 4.2-22.1-11.6-1.1c-41.2-7.4-82.3-11.1-123.5-11.1zm-119.1 51.6 26.4 281.3 8.3 1c56.2 9.5 112.3 10.6 168.5 0l8.1-1 26.5-281.3h-22.1l-3.6 37.8H232.2l42.3 202.3-24.3-9.5-40.4-192.8h-47.3l-3.6-37.8h-22zm188.8 155.3c7.4 0 13.5 6 13.5 13.5s-6.1 13.5-13.5 13.5c-7.5 0-13.5-6-13.5-13.5s6-13.5 13.5-13.5zM292 380.2c7.4 0 13.6 6.1 13.6 13.5 0 7.5-6.2 13-13.6 13-7.4 0-13.6-5.5-13.6-13 0-7.4 6.2-13.5 13.6-13.5zm-74.2 5.1c7.5 0 13.5 6.1 13.5 13.5 0 7.9-6 13.2-13.5 13.2-7.4 0-13.5-5.3-13.5-13.2 0-7.4 6.1-13.5 13.5-13.5zm107 7.8c7.5 0 13.6 6 13.6 13.6 0 7.4-6.1 13.7-13.6 13.7-7.4 0-13.5-6.3-13.5-13.7 0-7.6 6.1-13.6 13.5-13.6zm-140.9 10.5c7.5 0 13.5 5.2 13.5 12.6 0 7.4-6 13.7-13.5 13.7s-13.5-6.3-13.5-13.7c0-7.4 6-12.6 13.5-12.6zm111.2 12.6c7.5 0 13.5 6.3 13.5 13.7 0 7.4-6 13.7-13.5 13.7s-13.5-6.3-13.5-13.7c0-7.4 6-13.7 13.5-13.7zm-76.1 7.4c7.5 0 13.6 6.3 13.6 13.7 0 7.4-6.1 13.7-13.6 13.7-7.4 0-13.5-6.3-13.5-13.7 0-7.4 6.1-13.7 13.5-13.7zm-32.7 14.8c7.5 0 13.5 5.2 13.5 12.6 0 7.4-6 13.7-13.5 13.7-7.4 0-13.5-6.3-13.5-13.7 0-7.4 6.1-12.6 13.5-12.6zm134.7 2.1c7.5 0 13.5 6.3 13.5 13.7 0 7.4-6 13.7-13.5 13.7s-13.5-6.3-13.5-13.7c0-7.4 6-13.7 13.5-13.7zm-66.5 4.2c7.4 0 13.5 5.3 13.5 12.7 0 7.3-6.1 13.7-13.5 13.7-7.5 0-13.5-6.4-13.5-13.7 0-7.4 6-12.7 13.5-12.7z"
  />
</svg>

Attribution

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

Similar Game Icons icons