# FileIcon

Component to render the file attachment icon within the [`MessageList`](/chat/docs/sdk/react-native/v4/ui-components/message-list/).

## Basic Usage

You can customize this component and provide it back to the SDK via the [`FileAttachmentIcon`](/chat/docs/sdk/react-native/v4/core-components/channel#fileattachmenticon/) prop on `Channel` if desired.

Changing the size of the file attachment icon can be easily accomplished.

```tsx
import { Channel, FileIcon } from 'stream-chat-react-native';

<Channel FileAttachmentIcon={() => <FileIcon size={40} />}
```

## Props

### **mimeType**

Mime type for this file attachment. for example `application/pdf`, `audio/mp4` etc.

| Type   |
| ------ |
| string |

### size

Size of the icon.

| Type   |
| ------ |
| number |


---

This page was last updated at 2026-03-13T13:14:21.137Z.

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