<!-- source-hash: 18467588c4c8d9046f755ef08e2dd3ce -->
Renders a donut/ring SVG icon with a configurable color and CSS class. **Deprecated** — new code should use icons from `icons-v2-generated` instead.

## Key Components

- **`DonutIcon`** — A React functional component that returns a 24×24 SVG donut icon.

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `className` | `string` | `''` | Additional CSS classes applied to the `<svg>` element |
| `color` | `string` | `'white'` | Fill color for all SVG paths |

## Usage Example

```typescript
// Basic usage
<DonutIcon />

// Custom color and class
<DonutIcon color="#FFC008" className="w-6 h-6 opacity-80" />
```

> ⚠️ **Deprecated:** This icon is marked for removal. Use the equivalent icon from `icons-v2-generated` in new code.