import * as React from "react";
const SvgVcSaintVincentAndTheGrenadines = (props) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width={16}
    height={12}
    fill="none"
    {...props}
  >
    <mask
      id="VC_-_Saint_Vincent_and_the_Grenadines_svg__a"
      width={16}
      height={12}
      x={0}
      y={0}
      maskUnits="userSpaceOnUse"
      style={{
        maskType: "luminance",
      }}
    >
      <path fill="#fff" d="M0 0h16v12H0z" />
    </mask>
    <g
      fillRule="evenodd"
      clipRule="evenodd"
      mask="url(#VC_-_Saint_Vincent_and_the_Grenadines_svg__a)"
    >
      <path fill="#FFDC17" d="M4 0h8v12H4V0Z" />
      <path fill="#5FBF2B" d="M12 0h4v12h-4V0Z" />
      <path fill="#2E42A5" d="M0 0h4v12H0V0Z" />
      <path
        fill="#5FBF2B"
        d="m9.863 2.5-1.52 2.231 1.52 2.153 1.52-2.153L9.863 2.5Zm-3.724.04L4.5 4.73l1.52 2.114L7.54 4.73 6.14 2.54Zm.283 4.654L8.06 5.002l1.402 2.192L8.06 9.451 6.422 7.194Z"
      />
    </g>
  </svg>
);
export default SvgVcSaintVincentAndTheGrenadines;
