<!-- source-hash: b25f913ca856d4e2dcbc469fc46d83d8 -->
A React component that renders the official Slack logo as an SVG icon with customizable dimensions and styling.

## Key Components

- **SlackIcon**: React functional component that renders the Slack logo SVG
- **SlackIconProps**: TypeScript interface defining component props:
  - `width` - Icon width (default: 24)
  - `height` - Icon height (default: 24) 
  - `className` - CSS classes for styling (default: "text-current")

The SVG contains four colored path elements representing Slack's distinctive interlocking rounded rectangles in their brand colors: red (#E01E5A), cyan (#36C5F0), green (#2EB67D), and yellow (#ECB22E).

## Usage Example

```typescript
import { SlackIcon } from './slack-icon'

// Default 24x24 icon
<SlackIcon />

// Custom size
<SlackIcon width={32} height={32} />

// With custom styling
<SlackIcon 
  width="100%" 
  height={40} 
  className="hover:opacity-75 transition-opacity" 
/>

// In a button
<button className="flex items-center gap-2">
  <SlackIcon width={20} height={20} />
  Connect to Slack
</button>
```

The component is fully responsive and works well in navigation bars, buttons, social media link sections, and anywhere the Slack brand needs to be displayed.