<!-- source-hash: 8c5e760dd63b3f22a63bd4e07bbd9e30 -->
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
<CapterraIcon width={48} height={48} />

// Custom class and overridden colors
<CapterraIcon
  width={32}
  height={32}
  className="my-icon"
  firstColor="#cccccc"
  secondColor="#999999"
  thirdColor="#666666"
  fourthColor="#333333"
/>
```