Renders the Capterra brand logo as a customizable SVG React component with configurable dimensions and colors.
## Key Components
### `CapterraIconProps`
| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `width` | `number \| string` | `2500` | SVG width |
| `height` | `number \| string` | `2500` | SVG height |
| `className` | `string` | `''` | CSS class name |
| `firstColor` | `string` | `#ff9d28` | Orange shape fill |
| `secondColor` | `string` | `#68c5ed` | Light blue shape fill |
| `thirdColor` | `string` | `#044d80` | Dark blue shape fill |
| `fourthColor` | `string` | `#e54747` | Red shape fill |
### `CapterraIcon` *(deprecated)*
> ⚠️ **Deprecated** — Use icons from `icons-v2-generated` instead.
A four-path SVG component representing the Capterra logo, rendered within a `320×326` viewBox.
## Usage Example
```typescript
import { CapterraIcon } from './capterra-icon';
// Default size with brand colors
// Custom class and overridden colors
```