import { PaymentIconProps } from './IconProps'

export const VippsIcon = (props: PaymentIconProps) => {
  return (
    <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_46850)">
        <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="M6.90907 12L8.53179 16.0452L10.1227 12H12L9.20003 18H7.80002L5 12H6.90907Z"
          fill="#FF5B24"
        />
        <path
          d="M16.1872 17.4091C17.3542 17.4091 18.0166 16.7728 18.6475 15.8536C18.9944 15.3586 19.436 15.2526 19.7515 15.5354C20.0669 15.8182 20.0984 16.3485 19.7515 16.8435C18.8367 18.1869 17.6696 19 16.1872 19C14.5785 19 13.1591 18.0101 12.1813 16.2778C11.8974 15.8182 11.9605 15.3232 12.2759 15.0758C12.5913 14.8283 13.0645 14.9343 13.3483 15.4293C14.0423 16.596 14.9886 17.4091 16.1872 17.4091ZM18.3636 13.0606C18.3636 13.697 17.922 14.1212 17.4173 14.1212C16.9126 14.1212 16.4711 13.697 16.4711 13.0606C16.4711 12.4242 16.9126 12 17.4173 12C17.922 12 18.3636 12.4596 18.3636 13.0606Z"
          fill="#FF5B24"
        />
        <path
          d="M22.75 12.1777V13.0658C23.2273 12.4441 23.9591 12 25.041 12C26.4091 12 28 13.0658 28 15.3454C28 17.7434 26.4727 18.898 24.8818 18.898C24.0546 18.898 23.2909 18.602 22.7182 17.8619V21H21V12.1777H22.75ZM22.75 15.4342C22.75 16.7665 23.5773 17.477 24.5001 17.477C25.3909 17.477 26.2818 16.8257 26.2818 15.4342C26.2818 14.0724 25.3909 13.4211 24.5001 13.4211C23.6091 13.4211 22.75 14.0428 22.75 15.4342Z"
          fill="#FF5B24"
        />
        <path
          d="M30.75 12.1777V13.0658C31.2273 12.4441 31.9591 12 33.041 12C34.4091 12 36 13.0658 36 15.3454C36 17.7434 34.4727 18.898 32.8818 18.898C32.0546 18.898 31.2909 18.602 30.7182 17.8619V21H29V12.1777H30.75ZM30.75 15.4342C30.75 16.7665 31.5773 17.477 32.5001 17.477C33.3909 17.477 34.2818 16.8257 34.2818 15.4342C34.2818 14.0724 33.3909 13.4211 32.5001 13.4211C31.5773 13.4211 30.75 14.0428 30.75 15.4342Z"
          fill="#FF5B24"
        />
        <path
          d="M39.0164 12C40.4919 12 41.5411 12.6309 42 14.1932L40.3937 14.4335C40.3606 13.6524 39.836 13.382 39.0492 13.382C38.459 13.382 38 13.6223 38 14.0129C38 14.3133 38.2295 14.6138 38.9181 14.7339L40.1314 14.9442C41.3114 15.1545 41.9674 15.8755 41.9674 16.837C41.9674 18.279 40.5572 19 39.2131 19C37.8033 19 36.2295 18.3391 36 16.7168L37.6066 16.4764C37.7049 17.3176 38.2623 17.6181 39.1803 17.6181C39.8691 17.6181 40.328 17.3777 40.328 16.9872C40.328 16.6267 40.0983 16.3562 39.3443 16.2361L38.2295 16.0558C37.0492 15.8455 36.3279 15.0944 36.3279 14.1331C36.3607 12.6309 37.8361 12 39.0164 12Z"
          fill="#FF5B24"
        />
      </g>
      <defs>
        <clipPath id="clip0_5382_46850">
          <rect width="48" height="32" fill="white" />
        </clipPath>
      </defs>
    </svg>
  )
}
