<!-- source-hash: 2b0b748fd333533156124977dea30ba7 -->
A React SVG icon component that renders a devices/monitor icon with customizable size, color, and styling properties.

## Key Components

- **DevicesIconProps** - TypeScript interface extending SVGProps with optional size and color properties
- **DevicesIcon** - Functional component that renders an SVG icon representing devices/monitors
- **SVG Paths** - Two path elements creating a monitor with stand design

## Usage Example

```typescript
import { DevicesIcon } from './devices-icon'

// Basic usage with default size (20px)
<DevicesIcon />

// Custom size and color
<DevicesIcon size={32} color="#3B82F6" />

// With additional SVG properties
<DevicesIcon 
  size={24}
  className="hover:opacity-75"
  onClick={() => console.log('Device icon clicked')}
  aria-label="Devices"
/>

// Custom styling
<DevicesIcon 
  size={28}
  style={{ marginRight: '8px' }}
  color="currentColor"
/>
```

The component accepts all standard SVG props through prop spreading, making it highly flexible for different contexts. The icon uses a 24x24 viewBox and scales proportionally based on the size prop. The default size is 20px with no default fill color, allowing it to inherit from parent styles.