<!-- source-hash: e8705f6c78b16703b5091b64c46ab3cc -->
React SVG icon component that renders the MeshCentral logo in a grey/monochrome style as a 24×24 inline SVG with an embedded base64-encoded PNG image.

## Key Components

- **`MeshcentralLogoGreyIconProps`** — Interface extending React's `SVGProps<SVGSVGElement>` (excluding `width`/`height`) with three optional props:
  - `className` — CSS class string (default: `""`)
  - `size` — Uniform width/height in pixels (default: `24`)
  - `color` — Fill color token (default: `"currentColor"`)

- **`MeshcentralLogoGreyIcon`** — Functional component that renders a rounded-corner SVG using an SVG `<pattern>` and `<image>` element containing an embedded base64 PNG of the MeshCentral grey logo.

## Usage Example

```typescript
import { MeshcentralLogoGreyIcon } from "./meshcentral-logo-grey-icon";

// Default size (24px)
<MeshcentralLogoGreyIcon />

// Custom size
<MeshcentralLogoGreyIcon size={48} />

// With Tailwind class
<MeshcentralLogoGreyIcon size={32} className="opacity-50" />

// Spread additional SVG props
<MeshcentralLogoGreyIcon
  size={20}
  aria-label="MeshCentral"
  role="img"
/>
```

> **Note:** The `color` prop is accepted but does not affect rendering since the logo is rendered as an embedded PNG bitmap via an SVG `<pattern>`. Use `className` with CSS `opacity` or `filter` utilities to visually adjust the icon appearance.