<!-- source-hash: eb73700c4c2f22a73b0bba4f89a2de19 -->
A reusable React SVG icon component rendering a fingerprint symbol, built with configurable size, color, and className props.

## Key Components

### `FingerprintIconProps`
Interface extending React's `SVGProps<SVGSVGElement>` (excluding `width` and `height`) with:

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `className` | `string` | `""` | CSS class for styling |
| `size` | `number` | `24` | Width and height in pixels |
| `color` | `string` | `"currentColor"` | Fill color (inherits CSS color by default) |

### `FingerprintIcon`
Functional component rendering a 24×24 viewBox SVG fingerprint icon with dual overlapping paths for visual detail.

## Usage Example

```typescript
import { FingerprintIcon } from "./fingerprint-icon";

// Default usage
<FingerprintIcon />

// Custom size and color
<FingerprintIcon size={32} color="#FFC008" />

// With Tailwind CSS className
<FingerprintIcon className="text-yellow-400 hover:opacity-80" size={20} />

// Inheriting color from parent CSS
<div style={{ color: "blue" }}>
  <FingerprintIcon /> {/* renders in blue */}
</div>
```

> **Tip:** Using `color="currentColor"` (the default) lets the icon inherit its color from the parent element's CSS `color` property, making it easy to theme alongside text.