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 // Custom size and styling // In a button or interactive element Compare Items ``` 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.