<!-- source-hash: 38c360ceccfa6ac67ce7ea99f86233a7 -->
A reusable React SVG icon component rendering a strawberry graphic, built on native SVG props with size, color, and className customization.

## Key Components

### `StrawberryIconProps`
Extends `SVGProps<SVGSVGElement>` (omitting `width`/`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) |

### `StrawberryIcon`
Functional component rendering a 24×24 viewBox SVG strawberry with two path elements — one for the outer fruit shape and one for the seeds/detail pattern.

## Usage Example

```typescript
import { StrawberryIcon } from "./strawberry-icon";

// Default usage
<StrawberryIcon />

// Custom size and color
<StrawberryIcon size={32} color="#FF4D6A" />

// Tailwind CSS styling
<StrawberryIcon className="text-red-500 hover:text-red-700" size={20} />

// Inside a button
<button className="flex items-center gap-2">
  <StrawberryIcon size={16} />
  Fresh Picks
</button>
```

> **Note:** Using `color="currentColor"` (default) lets the icon inherit its fill from the parent element's CSS `color` property, making it easy to control via Tailwind or CSS classes.