import * as React from "react";

const IconMasterCard = (props: any) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="36"
    height="24"
    fill="none"
    viewBox="0 0 36 24"
  >
    <rect
      width="35.7"
      height="23.7"
      x="0.15"
      y="0.15"
      fill="#fff"
      rx="2.25"
    ></rect>
    <rect
      width="35.7"
      height="23.7"
      x="0.15"
      y="0.15"
      stroke="#CCC"
      strokeWidth="0.3"
      rx="2.25"
    ></rect>
    <path
      fill="#F79E1B"
      d="M30.001 11.916c0 4.1-3.317 7.417-7.416 7.417a7.37 7.37 0 0 1-4.574-1.587 7.37 7.37 0 0 0 2.823-5.83c0-2.369-1.113-4.47-2.823-5.83A7.37 7.37 0 0 1 22.585 4.5c4.1 0 7.416 3.337 7.416 7.416"
    ></path>
    <path
      fill="#FF5F00"
      d="M18.011 6.086a7.44 7.44 0 0 1 2.823 5.83c0 2.37-1.092 4.47-2.823 5.83h-.02a7.436 7.436 0 0 1 0-11.66z"
    ></path>
    <path
      fill="#EB001B"
      d="M15.168 11.916c0-2.369 1.113-4.47 2.823-5.83A7.37 7.37 0 0 0 13.417 4.5a7.41 7.41 0 0 0-7.416 7.416c0 4.1 3.317 7.417 7.416 7.417a7.37 7.37 0 0 0 4.574-1.587 7.4 7.4 0 0 1-2.823-5.83"
    ></path>
  </svg>
);

export default IconMasterCard;