interface IconProps extends React.SVGProps<SVGSVGElement> {
  size?: number;
  color?: string;
  heart?: boolean;
}

export const IconLesbian: React.FC<IconProps> = ({
  size = 24,
  heart = false,
  color = 'currentColor',
  ...props
}) => {
  return (
    <svg
      {...props}
      fill={color}
      width={size}
      height={size}
      viewBox="0 0 24 24"
      xmlns="http://www.w3.org/2000/svg"
    >
      {heart && (
        <defs>
          <clipPath id="heartClip">
            <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" />
          </clipPath>
        </defs>
      )}
      <g clipPath="url(#heartClip)">
        <rect fill="#D52D00" width="24" height="4.8" y="0" />
        <rect fill="#FF9A56" width="24" height="4.8" y="4.8" />
        <rect fill="#FFF" width="24" height="4.8" y="9.6" />
        <rect fill="#D362A4" width="24" height="4.8" y="14.4" />
        <rect fill="#A30262" width="24" height="4.8" y="19.2" />
      </g>
    </svg>
  );
};
