<!-- source-hash: 84b88de837c4632f512e65f0665aac90 -->
A React SVG icon component that renders a document/file icon with customizable styling and color properties.

## Key Components

- **DocumentIcon**: Main functional component that renders an SVG document icon
- **DocumentIconProps**: TypeScript interface extending SVGProps with optional color customization

## Usage Example

```typescript
import { DocumentIcon } from './document-icon'

// Basic usage with default white color
<DocumentIcon />

// Custom color and className
<DocumentIcon 
  color="#3B82F6" 
  className="w-6 h-6" 
/>

// With additional SVG props
<DocumentIcon 
  color="currentColor"
  width={32}
  height={32}
  onClick={() => console.log('Document clicked')}
/>
```

The icon features a classic document design with a folded corner and horizontal lines representing text content. It accepts all standard SVG props and defaults to white color with 24x24 dimensions.