A React functional component that renders a customizable coins icon using SVG, featuring two overlapping circular coins with dimensional accents.
## Key Components
- **CoinsIcon**: Main React functional component that renders the SVG icon
- **CoinsIconProps**: TypeScript interface defining optional props for customization
- **SVG Structure**: Two main circles representing coins with additional path elements for visual depth
## Usage Example
```typescript
import { CoinsIcon } from './coins-icon';
// Basic usage with default 20x20 size
// Custom size and styling
// In a button or interactive element
```
The component uses `currentColor` for the stroke, making it easily themeable through CSS color properties. The icon maintains its aspect ratio and visual clarity at different sizes through the consistent `viewBox="0 0 20 20"` and scalable stroke widths.