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 `` 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` | — | 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) // Custom brand colors // Inherits text color via currentColor ``` > **Migration note:** This component is deprecated. Use the equivalent icon from `icons-v2-generated` for new implementations.