<!-- source-hash: 3b9db58475c0b8158cae2fc18b643457 -->
A reusable React SVG icon component rendering the Carta brand logo.

## Key Components

- **`CartaIconProps`** — Interface with optional `className` (layout/sizing) and `color` (fill color) props
- **`CartaIcon`** — Functional component that renders the Carta wordmark as an inline SVG

## Usage Example

```typescript
import { CartaIcon } from './carta-icon';

// Default usage (white, 24×24)
<CartaIcon />

// Custom size and color
<CartaIcon className="w-10 h-10" color="#000000" />

// Using a CSS variable
<CartaIcon color="var(--brand-primary)" />
```

## Props

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `className` | `string` | `'w-6 h-6'` | Tailwind/CSS classes for sizing |
| `color` | `string` | `var(--ods-system-greys-white)` | SVG fill color |