<!-- source-hash: be9025a0eb1e074ea4b23d5ec8c6d813 -->
A React component that renders the Claude AI logo as an SVG icon with customizable properties.

## Key Components

- **ClaudeIcon**: Main component that renders the Claude logo SVG
- **ClaudeIconProps**: Interface extending standard SVG props for type safety
- **SVG Path**: Official Claude logo shape with characteristic orange (#D97757) color

## Usage Example

```typescript
import { ClaudeIcon } from './claude-icon';

// Basic usage
<ClaudeIcon />

// With custom size and styling
<ClaudeIcon 
  width="32px" 
  height="32px" 
  className="text-blue-500" 
  style={{ marginRight: '8px' }}
/>

// As a clickable button icon
<button onClick={handleClick}>
  <ClaudeIcon width="20px" height="20px" />
  Chat with Claude
</button>

// With aria attributes for accessibility
<ClaudeIcon 
  role="img"
  aria-label="Claude AI Assistant"
  width="24px"
/>
```

The component accepts all standard SVG props (className, style, onClick, etc.) and uses `1em` sizing by default to inherit font size from its container. The icon includes proper accessibility labeling with `aria-label="Claude"`.