<!-- source-hash: 96194b7996cd8e8ed616e367ae66bac8 -->
A React SVG component that renders the HubSpot brand logo with customizable styling and default orange brand color.

## Key Components

- **HubspotIcon**: Main React functional component that renders the HubSpot logo as an SVG
- **Props**: Extends `React.SVGProps<SVGSVGElement>` with custom `fill` prop defaulting to HubSpot's brand orange (`#FF7A59`)
- **Styling**: Uses the `cn` utility for conditional class name merging with `inline-block` as default display

## Usage Example

```typescript
import { HubspotIcon } from './hubspot-icon';

// Basic usage with default orange color
<HubspotIcon className="h-6 w-6" />

// Custom color override
<HubspotIcon 
  className="h-8 w-8" 
  fill="#000000" 
/>

// With additional SVG props
<HubspotIcon 
  className="h-4 w-4 hover:opacity-80" 
  fill="#FF7A59"
  role="img"
  aria-label="HubSpot"
/>
```

The component accepts all standard SVG props and applies responsive sizing through className. The default fill color matches HubSpot's official brand guidelines.