<!-- source-hash: 3474d6b619f173b5387422661f1c7c52 -->
A React component that renders an SVG "about" or information icon, typically displayed as a circle with an "i" symbol inside.

## Key Components

- **AboutIcon** - Main component export that renders an information/about icon SVG
- **AboutIconProps** - TypeScript interface defining the component's props:
  - `width` - Icon width in pixels (default: 24)
  - `height` - Icon height in pixels (default: 24)
  - `className` - CSS class for styling (default: empty string)

## Usage Example

```typescript
import { AboutIcon } from './about-icon';

// Basic usage with defaults
<AboutIcon />

// Custom size and styling
<AboutIcon 
  width={32} 
  height={32} 
  className="text-blue-500 hover:text-blue-700" 
/>

// In a button or clickable element
<button className="flex items-center gap-2">
  <AboutIcon width={16} height={16} />
  About
</button>
```

The icon uses `currentColor` for the fill property, making it inherit the text color from its parent element, allowing for easy theming and color customization through CSS classes.