<!-- source-hash: 91684bd8439dbc629c70ee9c36124e99 -->
A React SVG icon component that renders an organizations/groups symbol with customizable styling and color options.

## Key Components

- **OrganizationsIconProps**: Interface extending React SVGProps with optional `color` property
- **OrganizationsIcon**: Functional component that renders an SVG icon representing organizations/user groups

## Key Features

- **Customizable Color**: Accepts `color` prop with default value of 'white'
- **SVG Props Support**: Spreads all standard SVG properties for full customization
- **Responsive Design**: Fixed 24x24 viewBox that scales with container
- **Accessible Structure**: Semantic SVG structure with proper namespace declarations

## Usage Example

```typescript
import { OrganizationsIcon } from './organizations-icon';

function MyComponent() {
  return (
    <div>
      {/* Default white icon */}
      <OrganizationsIcon />
      
      {/* Custom color and className */}
      <OrganizationsIcon 
        color="#3B82F6" 
        className="w-6 h-6" 
      />
      
      {/* With additional SVG props */}
      <OrganizationsIcon 
        color="currentColor"
        width={32}
        height={32}
        aria-label="Organizations"
      />
    </div>
  );
}
```