<!-- source-hash: 20a443f3af1829f4c4edb06dfa49f2cf -->
A React component that renders an SVG icon representing a community or group of people. The icon features multiple user silhouettes arranged in a community-style layout.

## Key Components

- **CommunityIcon**: Main functional component that renders the community SVG icon
- **CommunityIconProps**: TypeScript interface defining optional props for customization
  - `className`: CSS class for styling
  - `width`: Icon width in pixels (default: 24)
  - `height`: Icon height in pixels (default: 24)

## Usage Example

```typescript
import { CommunityIcon } from './community-icon';

// Basic usage with defaults (24x24)
<CommunityIcon />

// Customized size and styling
<CommunityIcon 
  width={32} 
  height={32} 
  className="text-blue-500 hover:text-blue-600" 
/>

// Large icon for headers
<CommunityIcon width={48} height={48} className="community-header-icon" />
```

The component uses `currentColor` for the fill property, making it easy to control the icon color through CSS text color properties. The SVG maintains its aspect ratio and scales properly at different sizes while preserving the detailed community/group illustration.