Function Logo

Renders the application logo as an SVG

Features:

  • Scalable vector graphic that maintains quality at any size
  • Dark mode support with automatic color switching
  • Configurable size through props
  • Accessible SVG with proper ARIA attributes

Visual Elements:

  • Custom path-based icon
  • Responsive scaling
  • Theme-aware coloring
  • Proper viewBox configuration

Accessibility:

  • Semantic SVG structure
  • Proper ARIA attributes
  • Color contrast compliance
  • Screen reader support

Theme Support:

  • Light mode colors
  • Dark mode colors
  • Smooth transitions

Example

<Logo size={42} />
  • Logo(props: LogoProps): Element

  • Parameters

    • props: LogoProps

      Component properties

      Props for the Logo component

      LogoProps

      • Optionalsize?: number

        Size of the logo in pixels (defaults to 30)

    Returns Element

    The rendered logo SVG

Settings

Member Visibility