<!-- source-hash: fb69c5bea32c7ab4c9072f66b5544093 -->
A React component that renders the Luma brand icon as an SVG element, featuring a distinctive four-pointed star design with customizable size and color properties.

## Key Components

- **LumaIcon** - Main React functional component that renders the Luma logo SVG
- **LumaIconProps** - TypeScript interface extending SVG props with additional customization options

## Usage Example

```typescript
import { LumaIcon } from './luma-icon';

// Basic usage with default white color and 24px size
<LumaIcon />

// Customized with different size and color
<LumaIcon 
  size={32} 
  color="#000000" 
  className="my-custom-class" 
/>

// Using with additional SVG props
<LumaIcon 
  size={48}
  color="currentColor"
  onClick={handleClick}
  aria-label="Luma logo"
/>
```

The component accepts standard SVG props through prop spreading, making it highly flexible for various use cases. The default configuration provides a 24x24 pixel white icon, but both size and color can be easily customized. The SVG uses a viewBox of "0 0 133 134" to maintain proper aspect ratio at any size.