<!-- source-hash: 87bad4a52dbee4292b7005ad9a16985b -->
A React component that renders an SVG icon representing a comparison or balance scale interface element.

## Key Components

- **CompareIcon** - Main functional component that renders a balance scale SVG icon
- **CompareIconProps** - TypeScript interface defining optional props for customization

## Props

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `className` | `string` | `""` | CSS classes for styling the SVG element |
| `width` | `number` | `24` | Width of the icon in pixels |
| `height` | `number` | `24` | Height of the icon in pixels |

## Usage Example

```typescript
import { CompareIcon } from './compare-icon';

// Basic usage with default size
<CompareIcon />

// Custom size and styling
<CompareIcon 
  width={32} 
  height={32} 
  className="text-blue-500 hover:text-blue-700" 
/>

// In a button or interactive element
<button className="flex items-center gap-2">
  <CompareIcon width={20} height={20} />
  Compare Items
</button>
```

The icon uses `currentColor` for its fill, making it easily themeable through CSS color properties. The SVG depicts a balance scale with a central post and two weighing pans, commonly used in comparison or evaluation interfaces.