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` (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 // Custom size and color // With Tailwind CSS className // Inheriting color from parent CSS

{/* renders in blue */}

``` > **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.