<!-- source-hash: 86dcb688fa020206e75a40785028f90d -->
A deprecated React SVG icon component that renders a copy/clipboard icon with configurable size, color, and CSS class.

## Key Components

### `CopyIconProps` *(deprecated)*
| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `className` | `string` | `''` | CSS class for styling |
| `size` | `number` | `24` | Width and height in pixels |
| `color` | `string` | `'#888888'` | SVG fill color |

### `CopyIcon` *(deprecated)*
A functional React component rendering a 24×24 viewBox SVG copy icon composed of two paths — a dashed border representing the background document and a solid rectangle representing the foreground page.

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

## Usage Example

```typescript
import { CopyIcon } from './copy-icon';

// Default usage
<CopyIcon />

// Custom size and color
<CopyIcon size={16} color="#FFC008" className="ml-2 cursor-pointer" />

// With click handler wrapper
<button onClick={handleCopy}>
  <CopyIcon size={20} color="#ffffff" />
</button>
```

## Migration

Replace usages with the equivalent from the new icon library:

```typescript
// ❌ Deprecated
import { CopyIcon } from './copy-icon';

// ✅ Preferred
import { CopyIcon } from './icons-v2-generated';
```