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 // Custom color and size ``` ## 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'; ```