# PatientCard.BirthDate.Icon

Canonical page: https://docs.ovok.com/native-sdk/guide/components/patient/patient-birth-date/icon

Calendar icon component using `Calendar2` from `iconsax-react-nativejs`.

## Basic Example [#basic-example]

```typescript
import { PatientCard } from "@ovok/native";
import * as React from "react";

const BirthDateIcon = () => {
  return <PatientCard.BirthDate.Icon size={14} color="#616161" />;
};

export default BirthDateIcon;

```

## Props [#props]

Every prop, with its type and description, is listed in the [`@ovok/native/patient` API reference](/native-sdk/reference/patient).

## Styling [#styling]

### Theme Colors Used [#theme-colors-used]

- `theme.colors.onSurfaceVariant` - Default icon color