export const SemanticKernelLogo = ({ className }: { className?: string }) => (
  <svg
    className={className}
    height="1em"
    style={{ flex: "none", lineHeight: 1 }}
    viewBox="0 0 24 24"
    width="1em"
    xmlns="http://www.w3.org/2000/svg"
    aria-labelledby="semanticKernelTitle"
  >
    <title id="semanticKernelTitle">Semantic Kernel</title>
    <path d="M11.49 2H2v9.492h9.492V2h-.002z" fill="#F25022" />
    <path d="M22 2h-9.492v9.492H22V2z" fill="#7FBA00" />
    <path d="M11.49 12.508H2V22h9.492v-9.492h-.002z" fill="#00A4EF" />
    <path d="M22 12.508h-9.492V22H22v-9.492z" fill="#FFB900" />
  </svg>
);
