<!-- source-hash: 6784062b8db4d23d029004a27bde72ee -->
A deprecated SVG React component that renders the Miami Cyber Gang logo as a scalable vector graphic with customizable colors and size.

## Key Components

### `MiamiCyberGangLogoProps`
| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `size` | `number` | `80` | Width and height of the SVG in pixels |
| `originalBlack` | `string` | `var(--ods-text-primary, #212121)` | Main circle fill color |
| `originalPink` | `string` | `var(--ods-accent, #F357BB)` | Accent element fill color |
| `originalWhite` | `string` | `var(--ods-text-on-accent, #FAFAFA)` | Text and detail fill color |
| `className` | `string` | `""` | Additional CSS class names |

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

The exported functional component renders a 120×120 viewBox SVG that scales to the provided `size`. Colors default to ODS (OpenFrame Design System) CSS variables with hex fallbacks.

## Usage Example

```typescript
import { MiamiCyberGangLogo } from './miami-cyber-gang-logo';

// Default usage
<MiamiCyberGangLogo />

// Custom size and colors
<MiamiCyberGangLogo
  size={48}
  originalBlack="#000000"
  originalPink="#FF00AA"
  originalWhite="#FFFFFF"
  className="my-logo"
/>

// Override only accent color, keep ODS variables for others
<MiamiCyberGangLogo originalPink="var(--brand-color)" />
```

> **Migration note:** This component is deprecated. Replace usages with the equivalent icon from the `icons-v2-generated` package to stay aligned with the current ODS icon system.