<!-- source-hash: 2f47181cc86a822d715154dd50854723 -->
A deprecated SVG React component that renders the OpenMSP logo with two overlapping speech bubbles and a circular accent, supporting customizable fill colors.

## Key Components

### `OpenmspLogoProps`
Extends `React.SVGProps<SVGSVGElement>` with the following optional props:

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `className` | `string` | `''` | CSS class for the SVG element |
| `frontBubbleColor` | `string` | `#000000` | Fill color for the front speech bubble and circle |
| `innerFrontBubbleColor` | `string` | `#ffffff` | Fill color for the inner area of the front bubble |
| `backBubbleColor` | `string` | `#ffffff` | Fill color for the back speech bubble |
| `color` | `string` | — | Inherited SVG color prop (not applied internally) |

### `OpenmspLogo`
> ⚠️ **Deprecated** — Use icons from `icons-v2-generated` instead.

Renders a 97×96 SVG logo composed of three layered paths and a circle.

## Usage Example

```typescript
import { OpenmspLogo } from './openmsp-logo';

// Default (black front bubble, white back bubble)
<OpenmspLogo />

// Custom brand colors
<OpenmspLogo
  className="w-12 h-12"
  frontBubbleColor="#FFC008"
  innerFrontBubbleColor="#1a1a1a"
  backBubbleColor="#333333"
/>
```

> **Migration:** Replace usages with the equivalent export from `icons-v2-generated` to stay on the supported icon set.