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` (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 // Custom size and color // Tailwind CSS styling // Inside a button Fresh Picks ``` > **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.