<!-- source-hash: f9189b9f5273ec009e112f7eb56e4ff7 -->
A deprecated React component that renders the Microsoft logo as an inline SVG icon with four colored quadrants.

## Key Components

### `MicrosoftIcon`
A functional React component rendering the Microsoft four-square logo using hardcoded SVG paths.

> **⚠️ Deprecated:** Use icons from `icons-v2-generated` instead.

**Props (`MsIconProps`):**

| Prop | Type | Default | Notes |
|------|------|---------|-------|
| `width` | `number \| string` | `24` | Accepted but not applied to SVG |
| `height` | `number \| string` | `24` | Accepted but not applied to SVG |
| `className` | `string` | `"text-current"` | Applied to the `<svg>` element |

> **Note:** The `width` and `height` props are accepted by the interface but the SVG element always renders at `24×24`. Only `className` has a runtime effect.

## Usage Example

```typescript
import { MicrosoftIcon } from './ms-icon'

// Basic usage
<MicrosoftIcon />

// With custom className
<MicrosoftIcon className="w-8 h-8 opacity-75" />
```

## Migration

This component is deprecated. Replace with the equivalent icon from the `icons-v2-generated` package:

```typescript
// ❌ Deprecated
import { MicrosoftIcon } from './ms-icon'

// ✅ Preferred
import { MicrosoftIcon } from '@/components/icons-v2-generated'
```