// WEBklar-Zeichen (Ellipse mit Stern); Pfade aus dem Prototyp. Die Groesse setzen im Menue und auf der Anmeldung die Stile
// (.brand svg, .login-box svg), size gilt, wo keine Regel greift.
export default function Logo({ size = 24 }) {
  return (
    <svg viewBox="0 0 512 512" width={size} height={size} aria-hidden="true">
      <g transform="translate(256 256) scale(0.98) translate(-256 -256)">
        <ellipse cx="256" cy="256" rx="210" ry="150" fill="#111" transform="rotate(-28 256 256)" />
        <circle cx="356" cy="172" r="18" fill="#fff" />
        <path
          transform="translate(256 256) rotate(-28)"
          d="M 0,-170 C 22,-105 60,-72 120,-56 C 60,-40 22,-8 0,64 C -22,-8 -60,-40 -120,-56 C -60,-72 -22,-105 0,-170 Z"
          fill="#fff"
        />
      </g>
    </svg>
  )
}