import { IconTypes } from "./IconTypes";

export const QortalLogoWhiteSVG: React.FC<IconTypes> = ({
  color,
  height,
  width,
  className,
}) => {
  return (
    <svg
      className={className}
      width={width}
      height={height}
      viewBox="0 0 20 23"
      fill={color}
      xmlns="http://www.w3.org/2000/svg"
      xmlnsXlink="http://www.w3.org/1999/xlink"
    >
      <rect width={width} height={height} fill="url(#pattern0_309_471)" />
      <rect width={width} height={height} fill="url(#pattern1_309_471)" />
      <defs>
        <pattern
          id="pattern0_309_471"
          patternContentUnits="objectBoundingBox"
          width="1"
          height="1"
        >
          <use
            xlinkHref="#image0_309_471"
            transform="matrix(0.000783561 0 0 0.000687245 -0.17343 -0.172813)"
          />
        </pattern>
        <pattern
          id="pattern1_309_471"
          patternContentUnits="objectBoundingBox"
          width="1"
          height="1"
        >
          <use
            xlinkHref="#image0_309_471"
            transform="matrix(0.000783561 0 0 0.000687245 -0.17343 -0.172813)"
          />
        </pattern>
        <image
          id="image0_309_471"
          width="1721"
          height="1958"
          xlinkHref="data:image/png;base64,[encoded data, 606288 characters]"
        />
      </defs>
    </svg>
  );
};
