All files / src/components/ui/icons PaypalIcon.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
1x
1x
1x
1x
1x
1x
1x
1x
1x
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
/**
 * PaypalIcon - PayPal payment icon
 * Note: Uses PayPal's brand colors and should not be themed
 *
 * @example
 * ```tsx
 * <PaypalIcon /> // Default 21x24
 * <PaypalIcon width={26} height={30} />
 * ```
 */
export default function PaypalIcon({
  width = 21,
  height = 24,
  className = '',
  ...props
}: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      {...props}
      className={className}
      width={width}
      height={height}
      viewBox="0 0 21 24"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      aria-label="PayPal payment"
    >
      <path
        d="M5.77879 23.184L6.19845 20.544H5.26244H0.846436L3.91845 1.03192C3.92668 0.971508 3.95685 0.916033 4.00279 0.875919C4.05079 0.838685 4.10976 0.817632 4.17079 0.815918H11.6225C14.1068 0.815918 15.8108 1.33192 16.7105 2.35192C17.1089 2.77981 17.3866 3.30582 17.5148 3.87565C17.6547 4.5689 17.6547 5.28274 17.5148 5.97599V6.576L17.9345 6.816C18.2547 6.97508 18.5434 7.1904 18.7868 7.45165C19.1537 7.89463 19.3902 8.43086 19.4705 9C19.561 9.744 19.5281 10.4983 19.3745 11.232C19.2167 12.1234 18.9041 12.9799 18.4508 13.7637C18.0846 14.3925 17.5895 14.9362 16.9985 15.36C16.4039 15.766 15.7415 16.0622 15.0428 16.2357C14.2583 16.4338 13.4519 16.5305 12.6428 16.5237H12.0545C11.6423 16.5244 11.2433 16.6684 10.9265 16.9317C10.6083 17.2005 10.3991 17.5762 10.3388 17.9877V18.2277L9.60645 22.8837V23.064C9.61537 23.0956 9.61537 23.1285 9.60645 23.16H9.53446L5.77879 23.184Z"
        fill="#253D80"
      />
      <path
        d="M18.331 6.09619L18.259 6.54053C17.275 11.5805 13.9034 13.3325 9.60737 13.3325H7.42337C6.89743 13.3319 6.44966 13.7131 6.36738 14.2322L5.25103 21.3362L4.92737 23.3522C4.90268 23.514 4.94931 23.6779 5.0556 23.802C5.1612 23.9262 5.31618 23.9988 5.47938 24.0002H9.36738C9.82818 24.0002 10.2204 23.6635 10.291 23.2082V23.0162L11.0234 18.3726V18.1202C11.0885 17.6669 11.4766 17.3296 11.9354 17.3282H12.571C16.3274 17.3282 19.2794 15.8045 20.131 11.3282C20.5918 9.79837 20.308 8.14099 19.363 6.85253C19.0634 6.54465 18.7144 6.28956 18.331 6.09619Z"
        fill="#189BD7"
      />
      <path
        d="M17.2989 5.68791L16.8429 5.56791L16.3389 5.47191C15.7033 5.37659 15.0615 5.3327 14.4189 5.33956H8.56293C8.42579 5.33613 8.2907 5.36493 8.16659 5.42391C7.88887 5.55419 7.69481 5.81545 7.65093 6.11991L6.45093 14.0036V14.2319C6.53321 13.7128 6.98168 13.3309 7.50693 13.3316H9.69094C13.9869 13.3316 17.3586 11.5796 18.3426 6.53956L18.4146 6.09591C18.1568 5.96219 17.8873 5.84973 17.6109 5.7599L17.2989 5.68791Z"
        fill="#242E65"
      />
      <path
        d="M7.65094 6.12001C7.69483 5.81623 7.88889 5.55429 8.16729 5.42401C8.29072 5.36503 8.42649 5.33623 8.56295 5.33966H14.419C15.0615 5.3328 15.7033 5.37669 16.3389 5.472L16.843 5.568L17.299 5.68801L17.5273 5.76C17.8036 5.84983 18.0724 5.96229 18.331 6.09601C18.7211 4.59703 18.3639 3.00144 17.371 1.812C16.171 0.539998 14.2029 7.47343e-07 11.6349 7.47343e-07H4.17094C3.64568 -0.000616396 3.19792 0.381053 3.11495 0.900002L0.00727756 20.592C-0.0208368 20.7779 0.0333371 20.9664 0.155394 21.1091C0.277452 21.2517 0.455051 21.3347 0.642937 21.336H5.25094L6.45094 14.0044L7.65094 6.12001Z"
        fill="#253D80"
      />
    </svg>
  );
}