import * as React from 'react'

export const BobaCircle = (props: React.ComponentProps<'svg'>) => (
  <svg width={128} height={128} viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
    <rect width={128} height={128} rx={64} fill="url(#a)" />
    <path
      d="M50.418 79.438a3.005 3.005 0 0 1-2.971-2.512L39.044 27.52a2.977 2.977 0 0 1 .515-2.25 3.014 3.014 0 0 1 1.955-1.228c1.64-.276 3.2.83 3.482 2.47l8.403 49.406a2.977 2.977 0 0 1-.516 2.25 3.014 3.014 0 0 1-2.465 1.27Z"
      fill="#000"
    />
    <path
      d="M50.418 79.438a3.005 3.005 0 0 1-2.971-2.512L39.044 27.52a2.977 2.977 0 0 1 .515-2.25 3.014 3.014 0 0 1 1.955-1.228c1.64-.276 3.2.83 3.482 2.47l8.403 49.406a2.977 2.977 0 0 1-.516 2.25 3.014 3.014 0 0 1-2.465 1.27Z"
      fill="#000"
    />
    <path
      d="M64.501 56.652c-4.804 0-9.27 1.438-13.005 3.908l1.017 5.98A18.195 18.195 0 0 1 64.5 62.041c10.08 0 18.282 8.202 18.282 18.282 0 10.081-8.201 18.283-18.282 18.283-10.08 0-18.282-8.202-18.282-18.282 0-1.346.15-2.653.426-3.914l-1.621-9.518a23.536 23.536 0 0 0-4.195 13.436C40.83 93.38 51.45 104 64.501 104c13.052 0 23.672-10.62 23.672-23.672 0-13.052-10.615-23.676-23.672-23.676Z"
      fill="#000"
    />
    <path
      d="M63.208 94.14a3.224 3.224 0 1 0 0-6.45 3.224 3.224 0 0 0 0 6.45Zm10.072-3.755a3.224 3.224 0 1 0 0-6.448 3.224 3.224 0 0 0 0 6.448Zm-7.916-6.912a3.224 3.224 0 1 0 0-6.449 3.224 3.224 0 0 0 0 6.449Zm-10.011 3.295a3.224 3.224 0 1 0 0-6.45 3.224 3.224 0 0 0 0 6.45Zm19.989-6.599a3.224 3.224 0 1 0 0-6.449 3.224 3.224 0 0 0 0 6.449Zm-7.827-7.363a3.224 3.224 0 1 0 0-6.449 3.224 3.224 0 0 0 0 6.45ZM57.41 76.555a3.224 3.224 0 1 0 0-6.448 3.224 3.224 0 0 0 0 6.448Z"
      fill="#000"
    />
    <defs>
      <linearGradient id="a" x1="0" y1="0" x2="128" y2="140.5" gradientUnits="userSpaceOnUse">
        <stop stopColor="#1CD8D2" />
        <stop offset="1" stopColor="#CF0" />
      </linearGradient>
    </defs>
  </svg>
)