<!-- source-hash: a184b02555fefde54d8cdd5ee8373d98 -->
A deprecated SVG icon component rendering the OpenFrame logo as a 32×32 inline SVG with customizable fill colors for its two visual layers.

## Key Components

### `OpenFrameLogo`
**Status:** `@deprecated` — migrate to icons from `icons-v2-generated` instead.

A React SVG component accepting the following props:

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `className` | `string` | — | CSS class applied to the `<svg>` element |
| `lowerPathColor` | `string` | `#ffffff` | Fill color for the four inner squares (bottom-right quadrant) |
| `upperPathColor` | `string` | `#1A1A1A` | Fill color for the outer frame/border path |
| `...props` | `React.SVGProps<SVGSVGElement>` | — | Any standard SVG attribute |

The SVG also exposes a `--fill-0` CSS custom property set to `currentColor`, enabling color theming via CSS.

## Usage Example

```typescript
import { OpenFrameLogo } from './openframe-logo';

// Default colors (white squares, dark frame)
<OpenFrameLogo className="my-logo" />

// Custom brand colors
<OpenFrameLogo
  upperPathColor="#FFC008"
  lowerPathColor="#000000"
  width={48}
  height={48}
/>

// Inherits text color via currentColor
<span style={{ color: 'blue' }}>
  <OpenFrameLogo upperPathColor="currentColor" />
</span>
```

> **Migration note:** This component is deprecated. Use the equivalent icon from `icons-v2-generated` for new implementations.