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

## Key Components

- **ClaudeIcon** - Main exported React component that renders the Claude logo as an SVG
- **ClaudeIconProps** - TypeScript interface extending standard SVG element properties
- **SVG Path** - Vector graphics definition with Claude's distinctive orange branding color (#D97757)

## Usage Example

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

// Basic usage
<ClaudeIcon />

// With custom size and styling
<ClaudeIcon 
  className="w-6 h-6" 
  style={{ color: '#333' }}
/>

// With custom props
<ClaudeIcon 
  width="32" 
  height="32"
  onClick={() => console.log('Claude icon clicked')}
/>

// In a button or link
<button className="flex items-center gap-2">
  <ClaudeIcon className="w-4 h-4" />
  Chat with Claude
</button>
```

The component uses `1em` dimensions by default, making it scale with the parent's font size. It includes proper ARIA labeling for accessibility and accepts all standard SVG properties for maximum flexibility.