# WearableProviderIcon

Canonical page: https://docs.ovok.com/native-sdk/guide/components/wearables

`WearableProviderIcon` draws a provider's monogram on its brand colour, for each wearable in `@ovok/core`'s wearables namespace and for Apple Health and Health Connect. `WEARABLE_PROVIDERS` holds each provider's display name, colour and monogram.

```tsx
import { WEARABLE_PROVIDERS, WearableProviderIcon } from "@ovok/native/wearables";

<WearableProviderIcon provider="polar" size={40} />
<Text>{WEARABLE_PROVIDERS.polar.name}</Text>
```

The icons are original monograms, not the providers' logos. The icon is labelled with the provider's name for screen readers.

| Prop | Type | Default | Description |
| --- | --- | --- | --- |
| `provider` | `WearableSource` | - | A `WearableProvider` from `@ovok/core`, `"apple-health"` or `"health-connect"`. |
| `size` | `number` | `40` | Width and height in points. |