import type { SVGProps } from "react";

export interface PaypalNeutralProps extends SVGProps<SVGSVGElement> {
  /**
   * Icon size (width and height)
   * @default 16
   */
  size?: number | string;
}

/**
 * PaypalNeutral icon from social-media category
 *
 * @example
 * <PaypalNeutral size={16} />
 * <PaypalNeutral size={32} className="text-primary" />
 */
export const PaypalNeutral = ({ size = 16, ...props }: PaypalNeutralProps) => (
  <svg
    fill="none"
    height={size}
    viewBox="0 0 24 24"
    width={size}
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <g clipPath="url(#clip0_619_29767)">
<path d="M7.076 21.337H2.47C2.37748 21.337 2.28606 21.3169 2.20203 21.2782C2.118 21.2394 2.04335 21.183 1.98321 21.1127C1.92306 21.0424 1.87885 20.9599 1.85362 20.8708C1.82838 20.7818 1.82271 20.6884 1.837 20.597L4.944 0.901C5.026 0.382 5.474 0 5.998 0H13.458C16.028 0 18.036 0.543 19.148 1.81C20.158 2.96 20.452 4.23 20.16 6.097C20.137 6.24 20.113 6.385 20.083 6.534C19.1 11.584 15.734 13.331 11.436 13.331H9.246C8.722 13.331 8.278 13.713 8.196 14.231L7.076 21.337ZM21.222 6.917C21.0424 6.71269 20.8385 6.53102 20.615 6.376C20.602 6.452 20.589 6.551 20.574 6.63C19.644 11.408 16.569 13.831 11.436 13.831H9.246C9.11136 13.8312 8.98124 13.8796 8.87923 13.9675C8.77722 14.0553 8.71009 14.1769 8.69 14.31L7.503 21.837H6.997L6.757 23.353C6.74442 23.433 6.74934 23.5147 6.7714 23.5926C6.79347 23.6705 6.83217 23.7427 6.88483 23.8042C6.93749 23.8657 7.00286 23.9151 7.07643 23.9489C7.15001 23.9827 7.23003 24.0001 7.311 24H11.193C11.653 24 12.043 23.666 12.115 23.212C12.175 22.952 12.875 18.36 12.931 18.122C12.9654 17.9021 13.0774 17.7017 13.2467 17.5572C13.416 17.4126 13.6314 17.3335 13.854 17.334H14.434C18.194 17.334 21.139 15.806 21.999 11.388C22.359 9.541 22.173 8 21.222 6.917Z" fill="#111412"/>
</g>
<defs>
<clipPath id="clip0_619_29767">
<rect fill="white" height="24" width="24"/>
</clipPath>
</defs>
  </svg>
);
