---
id: file-icon
title: FileIcon
---

Component to render the file attachment icon within the [`MessageList`](./message_list.mdx).

## Basic Usage

You can customize this component and provide it back to the SDK via the [`FileAttachmentIcon`](../core-components/channel.mdx#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

### <div class="label required">required</div> **mimeType**

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

| Type |
| - |
| string |

### size

Size of the icon.

| Type |
| - |
| number |