<!-- source-hash: 3beb2e476cec9cf75bd1175ab677f682 -->
A deprecated SVG icon component that renders a "compare" (scales/balance) symbol with configurable dimensions and color.

## Key Components

### `CompareIconProps`
| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `color` | `string` | `'white'` | Fill color for the SVG paths |
| `className` | `string` | `''` | CSS class for styling |
| `width` | `number` | `24` | Icon width in pixels |
| `height` | `number` | `24` | Icon height in pixels |

### `CompareIcon`
A functional React component rendering a 24×24 viewBox SVG depicting a balance/scales icon (a center pin with two weighted pans).

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

## Usage Example

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

// Default usage
<CompareIcon />

// Custom color and size
<CompareIcon
  color="#FFC008"
  width={32}
  height={32}
  className="compare-icon"
/>
```

## Migration

Replace usages with the equivalent from the new icon library:

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

// ✅ Preferred
import { CompareIcon } from '@/icons-v2-generated';
```