<!-- source-hash: 3eaaa5f84ae06fb69eb195888c929dc4 -->
A React component that renders an SVG hamburger menu icon with customizable dimensions and styling. The icon displays three horizontal white bars (#FAFAFA) commonly used for mobile navigation menus.

## Key Components

- **HamburgerIcon** - Main functional component that renders the SVG hamburger icon
- **HamburgerIconProps** - TypeScript interface defining optional props for width, height, and CSS class

## Usage Example

```typescript
import { HamburgerIcon } from './hamburger-icon';

// Basic usage with default 16x16 size
<HamburgerIcon />

// Custom size and styling
<HamburgerIcon 
  width={24} 
  height={24} 
  className="hover:opacity-80 cursor-pointer" 
/>

// In a navigation component
function MobileNav() {
  return (
    <button onClick={toggleMenu}>
      <HamburgerIcon width={20} height={20} />
    </button>
  );
}
```

The component uses a fixed 16x16 viewBox but accepts custom width/height props for responsive sizing. The white fill color (#FAFAFA) is hardcoded for dark backgrounds, making it suitable for dark navigation bars or headers.