const PointsIcon = ({ className }: { className?: string }) => {
  return (
    <svg
      width="33"
      height="33"
      viewBox="0 0 33 33"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
    >
      <mask
        id="mask0_7701_14717"
        maskUnits="userSpaceOnUse"
        x="5"
        y="12"
        width="22"
        height="9"
      >
        <path
          d="M18.4916 12.6408C15.7377 13.4111 12.9335 14.2722 10.1796 15.0858L9.96449 14.9572C10.8634 14.0239 11.5352 12.9538 12.1205 12.9538L13.4167 12.9526L13.7026 12.6406H9.48923L9.20369 12.9526H10.1167C10.2797 12.9526 10.4317 13.0408 10.3359 13.1552C8.81512 14.9659 7.79897 16.0744 5.58447 18.2597H6.93957C6.93957 18.2597 8.51032 16.4489 9.34894 15.6278C14.7225 19.0563 20.0015 21.3377 25.8748 19.4632L26.0091 19.3168C20.3993 20.6829 16.2366 18.8919 10.6739 15.3821C14.0468 14.087 16.9964 13.4109 20.118 12.6406L18.4916 12.6408Z"
          fill="currentColor"
        />
      </mask>
      <g mask="url(#mask0_7701_14717)">
        <path
          d="M26.0091 12.6406H5.58447V21.3377H26.0091V12.6406Z"
          fill="currentColor"
        />
      </g>
      <circle
        cx="16.166"
        cy="16.166"
        r="15.566"
        stroke="currentColor"
        strokeWidth="1.2"
      />
    </svg>
  );
};

export { PointsIcon };