import { PaymentIconProps } from "./IconProps"

export const JcbIcon = (props: PaymentIconProps) => (
  <svg
    width="48"
    height="32"
    viewBox="0 0 48 32"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <g clipPath="url(#clip0_5382_46863)">
      <path
        d="M46.4 0H1.6C0.716344 0 0 0.716344 0 1.6V30.4C0 31.2837 0.716344 32 1.6 32H46.4C47.2837 32 48 31.2837 48 30.4V1.6C48 0.716344 47.2837 0 46.4 0Z"
        fill="white"
      />
      <rect x="0.5" y="0.5" width="47" height="31" rx="2.5" stroke="#E9E8E7" />
      <path
        d="M40.3598 23.5199C40.3598 26.3199 38.0796 28.5999 35.2796 28.5999H7.63965V8.4799C7.63965 5.6799 9.91965 3.3999 12.7196 3.3999H40.3598V23.5199Z"
        fill="white"
      />
      <path
        d="M31.3599 18.3599H33.4599C33.5199 18.3599 33.6599 18.3399 33.7199 18.3399C34.1199 18.2599 34.4599 17.8999 34.4599 17.3999C34.4599 16.9199 34.1199 16.5599 33.7199 16.4599C33.6599 16.4399 33.5399 16.4399 33.4599 16.4399H31.3599V18.3599Z"
        fill="url(#paint0_linear_5382_46863)"
      />
      <path
        d="M33.2196 5.1001C31.2196 5.1001 29.5796 6.7201 29.5796 8.7401V12.5201H34.7196C34.8396 12.5201 34.9796 12.5201 35.0796 12.5401C36.2396 12.6001 37.0996 13.2001 37.0996 14.2401C37.0996 15.0601 36.5196 15.7601 35.4396 15.9001V15.9401C36.6196 16.0201 37.5196 16.6801 37.5196 17.7001C37.5196 18.8001 36.5196 19.5201 35.1996 19.5201H29.5596V26.9201H34.8996C36.8996 26.9201 38.5396 25.3001 38.5396 23.2801V5.1001H33.2196Z"
        fill="url(#paint1_linear_5382_46863)"
      />
      <path
        d="M34.1999 14.4801C34.1999 14.0001 33.8599 13.6801 33.4599 13.6201C33.4199 13.6201 33.3199 13.6001 33.2599 13.6001H31.3599V15.3601H33.2599C33.3199 15.3601 33.4399 15.3601 33.4599 15.3401C33.8599 15.2801 34.1999 14.9601 34.1999 14.4801Z"
        fill="url(#paint2_linear_5382_46863)"
      />
      <path
        d="M23.1595 5.1001C21.1595 5.1001 19.5195 6.7201 19.5195 8.7401V13.5001C20.4395 12.7201 22.0395 12.2201 24.6195 12.3401C25.9995 12.4001 27.4795 12.7801 27.4795 12.7801V14.3201C26.7395 13.9401 25.8595 13.6001 24.7195 13.5201C22.7595 13.3801 21.5795 14.3401 21.5795 16.0201C21.5795 17.7201 22.7595 18.6801 24.7195 18.5201C25.8595 18.4401 26.7395 18.0801 27.4795 17.7201V19.2601C27.4795 19.2601 26.0195 19.6401 24.6195 19.7001C22.0395 19.8201 20.4395 19.3201 19.5195 18.5401V26.9401H24.8595C26.8595 26.9401 28.4995 25.3201 28.4995 23.3001V5.1001H23.1595Z"
        fill="url(#paint3_linear_5382_46863)"
      />
      <path
        d="M13.0999 5.1001C11.0999 5.1001 9.45994 6.7201 9.45994 8.7401V17.7201C10.4799 18.2201 11.5399 18.5401 12.5999 18.5401C13.8599 18.5401 14.5399 17.7801 14.5399 16.7401V12.5001H17.6599V16.7201C17.6599 18.3601 16.6399 19.7001 13.1799 19.7001C11.0799 19.7001 9.43994 19.2401 9.43994 19.2401V26.9001H14.7799C16.7799 26.9001 18.4199 25.2801 18.4199 23.2601V5.1001H13.0999Z"
        fill="url(#paint4_linear_5382_46863)"
      />
    </g>
    <defs>
      <linearGradient
        id="paint0_linear_5382_46863"
        x1="24.3923"
        y1="16.0328"
        x2="50.4301"
        y2="16.0328"
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#007940" />
        <stop offset="0.2285" stopColor="#00873F" />
        <stop offset="0.7433" stopColor="#40A737" />
        <stop offset="1" stopColor="#5CB531" />
      </linearGradient>
      <linearGradient
        id="paint1_linear_5382_46863"
        x1="29.576"
        y1="16.001"
        x2="38.5641"
        y2="16.001"
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#007940" />
        <stop offset="0.2285" stopColor="#00873F" />
        <stop offset="0.7433" stopColor="#40A737" />
        <stop offset="1" stopColor="#5CB531" />
      </linearGradient>
      <linearGradient
        id="paint2_linear_5382_46863"
        x1="29.5759"
        y1="14.4771"
        x2="38.5637"
        y2="14.4771"
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#007940" />
        <stop offset="0.2285" stopColor="#00873F" />
        <stop offset="0.7433" stopColor="#40A737" />
        <stop offset="1" stopColor="#5CB531" />
      </linearGradient>
      <linearGradient
        id="paint3_linear_5382_46863"
        x1="19.4676"
        y1="16.001"
        x2="28.3315"
        y2="16.001"
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#6C2C2F" />
        <stop offset="0.1735" stopColor="#882730" />
        <stop offset="0.5731" stopColor="#BE1833" />
        <stop offset="0.8585" stopColor="#DC0436" />
        <stop offset="1" stopColor="#E60039" />
      </linearGradient>
      <linearGradient
        id="paint4_linear_5382_46863"
        x1="9.45538"
        y1="16.001"
        x2="18.5822"
        y2="16.001"
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#1F286F" />
        <stop offset="0.4751" stopColor="#004E94" />
        <stop offset="0.8261" stopColor="#0066B1" />
        <stop offset="1" stopColor="#006FBC" />
      </linearGradient>
      <clipPath id="clip0_5382_46863">
        <rect width="48" height="32" rx="3" fill="white" />
      </clipPath>
    </defs>
  </svg>
)
