const React = require("react");
const TransgenderFlagIcon = ({ title, titleId, ...props }) => (
  <svg
    width="1em"
    height="1em"
    viewBox="0 0 32 32"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    aria-labelledby={titleId}
    {...props}
  >
    {title ? <title id={titleId}>{title}</title> : null}
    <rect
      x={2.25222}
      y={6.04297}
      width={27.875}
      height={19.9141}
      rx={0.6}
      fill="url(#paint0_linear_4_7863)"
    />
    <path d="M2.25222 22.125V9.875H30.1272V22.125H2.25222Z" fill="#FB8190" />
    <path
      d="M2.25222 18.0625V13.9375H30.1272V18.0625H2.25222Z"
      fill="#FCECFF"
    />
    <rect
      x={2.25222}
      y={6.04297}
      width={27.875}
      height={19.9141}
      rx={0.6}
      fill="url(#paint1_linear_4_7863)"
      fillOpacity={0.25}
    />
    <rect
      x={2.25222}
      y={6.04297}
      width={27.875}
      height={19.9141}
      rx={0.6}
      fill="url(#paint2_linear_4_7863)"
      fillOpacity={0.5}
    />
    <rect
      x={2.25222}
      y={6.04297}
      width={27.875}
      height={19.9141}
      rx={0.6}
      fill="url(#paint3_linear_4_7863)"
      fillOpacity={0.5}
    />
    <rect
      x={2.25222}
      y={6.04297}
      width={27.875}
      height={19.9141}
      rx={0.6}
      fill="url(#paint4_linear_4_7863)"
    />
    <defs>
      <linearGradient
        id="paint0_linear_4_7863"
        x1={9.3125}
        y1={15.25}
        x2={30.1272}
        y2={15.25}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#39A7F8" />
        <stop offset={1} stopColor="#54C9FA" />
      </linearGradient>
      <linearGradient
        id="paint1_linear_4_7863"
        x1={2.25222}
        y1={17.8125}
        x2={3.22097}
        y2={17.8125}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#3A3A3A" />
        <stop offset={1} stopColor="#3A3A3A" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint2_linear_4_7863"
        x1={30.1272}
        y1={19.332}
        x2={29.1585}
        y2={19.332}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FBF2FF" />
        <stop offset={1} stopColor="#FBF2FF" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint3_linear_4_7863"
        x1={25.0647}
        y1={6.04297}
        x2={25.0647}
        y2={6.75391}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FBF2FF" />
        <stop offset={1} stopColor="#FBF2FF" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint4_linear_4_7863"
        x1={8.75222}
        y1={26.2812}
        x2={8.75222}
        y2={25.4062}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.0149314} stopColor="#693CA6" />
        <stop offset={1} stopColor="#693CA6" stopOpacity={0} />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = TransgenderFlagIcon;