<!-- source-hash: 7bf6e3ab9400d9ae91d367d75ae4ff5e -->
A React component that renders the Microsoft logo as an SVG icon with customizable dimensions and styling.

## Key Components

- **MicrosoftIcon** - Main component that renders the four-colored Microsoft square logo
- **MsIconProps** - TypeScript interface defining optional width, height, and className props

## Usage Example

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

// Default 24x24 icon
<MicrosoftIcon />

// Custom size and styling
<MicrosoftIcon 
  width={32} 
  height={32} 
  className="hover:opacity-75 transition-opacity" 
/>

// Responsive sizing
<MicrosoftIcon 
  width="2rem" 
  height="2rem" 
  className="text-gray-600" 
/>
```

The component renders the classic Microsoft logo with four colored squares (orange, green, blue, yellow) and accepts standard sizing and CSS class props for flexible styling integration. Note that the SVG has a fixed viewBox but the width/height props are not currently applied to the SVG element - only the defaults are used.