# VideoPlayIndicator

`VideoPlayIndicator` renders a circular play button overlay used on video thumbnails and previews. It displays a play icon centered within a semi-transparent circular container.

## Usage

```tsx
import { VideoPlayIndicator } from "stream-chat-react-native";

<VideoPlayIndicator size="md" />;
```

## Props

| Prop              | Description                                                                                                                                                                                                           | Type                       |
| ----------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------- |
| `size` (required) | The size of the play indicator. Size mapping: `'sm'` (20x20, icon 10), `'md'` (40x40, icon 16), `'lg'` (48x48, icon 20). The background color is sourced from the `controlPlayControlBg` semantic token in the theme. | `'sm'` \| `'md'` \| `'lg'` |


---

This page was last updated at 2026-04-17T17:33:46.442Z.

For the most recent version of this documentation, visit [https://getstream.io/chat/docs/sdk/react-native/ui-components/base-ui/video-play-indicator/](https://getstream.io/chat/docs/sdk/react-native/ui-components/base-ui/video-play-indicator/).