import { IconTypes } from "./IconTypes";

export const QortalLogoSVG: React.FC<IconTypes> = ({
  color,
  height,
  width,
  className,
  onClickFunc
}) => {
  return (
    <svg
      onClick={onClickFunc}
      className={className}
      width={width}
      height={height}
      viewBox="0 0 35 35"
      fill={color}
      xmlns="http://www.w3.org/2000/svg"
      xmlnsXlink="http://www.w3.org/1999/xlink"
    >
      <circle
        cx="17.5"
        cy="17.5"
        r="17.25"
        fill="url(#paint0_radial_68_491)"
        stroke="#464646"
        strokeWidth="0.5"
      />
      <rect
        x="7.42432"
        y="6.36365"
        width="19.8864"
        height="22.5379"
        fill="url(#pattern0_68_491)"
        fillOpacity="0.2"
      />
      <defs>
        <pattern
          id="pattern0_68_491"
          patternContentUnits="objectBoundingBox"
          width="1"
          height="1"
        >
          <use
            xlinkHref="#image0_68_491"
            transform="matrix(0.000783561 0 0 0.000687245 -0.17343 -0.172813)"
          />
        </pattern>
        <radialGradient
          id="paint0_radial_68_491"
          cx="0"
          cy="0"
          r="1"
          gradientUnits="userSpaceOnUse"
          gradientTransform="translate(17.5 17.5) rotate(90) scale(21.0795)"
        >
          <stop offset="0.72" stopColor="#2C2C2C" />
        </radialGradient>
        <image
          id="image0_68_491"
          width="1721"
          height="1958"
          xlinkHref="data:image/png;base64,[encoded data, 574560 characters]"
        />
      </defs>
    </svg>
  );
};
