import * as React from "react";

const IconVisa = (props: any) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="36"
    height="24"
    fill="none"
    viewBox="0 0 36 24"
  >
    <rect width="36" height="24" fill="#fff" rx="2.4"></rect>
    <path
      fill="#3362AB"
      d="M24.373 7.87a5.5 5.5 0 0 0-2.016-.37c-2.22 0-3.783 1.184-3.793 2.876-.018 1.249 1.12 1.942 1.97 2.359.87.425 1.166.703 1.166 1.082-.01.583-.703.851-1.35.851-.898 0-1.379-.138-2.11-.462l-.295-.14-.315 1.952c.527.24 1.499.454 2.507.463 2.359 0 3.894-1.166 3.912-2.97.01-.989-.591-1.747-1.886-2.367-.787-.398-1.268-.666-1.268-1.073.01-.37.407-.749 1.295-.749a3.8 3.8 0 0 1 1.674.333l.203.092zM16.224 16.351h-2.248l1.406-8.693h2.248z"
    ></path>
    <path
      fill="#3362AB"
      fillRule="evenodd"
      d="M30.136 7.658h-1.74c-.535 0-.943.157-1.174.72l-3.339 7.973h2.359l.471-1.304H29.6c.064.305.268 1.304.268 1.304h2.081zM27.36 13.27l.897-2.432.069-.193v-.002c.065-.179.161-.444.227-.637l.157.749s.426 2.08.518 2.515z"
      clipRule="evenodd"
    ></path>
    <path
      fill="#3362AB"
      d="m12.099 7.658-2.202 5.928-.24-1.202v-.001L8.87 8.388c-.129-.555-.527-.712-1.017-.73H4.236l-.037.175c.882.226 1.671.55 2.363.955l2.003 7.554h2.377l3.534-8.684z"
    ></path>
  </svg>
);

export default IconVisa;