# Papicons

<figure><picture><source srcset="https://3099070966-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzAXRvshrILO6bQ2aJgMk%2Fuploads%2F5c5Ik0j4dl2OPYmNGl7T%2Fimage.png?alt=media&#x26;token=1f98cad7-c802-456a-b956-08aa423b728f" media="(prefers-color-scheme: dark)"><img src="https://3099070966-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzAXRvshrILO6bQ2aJgMk%2Fuploads%2Fp8ndMfOfkGc2hvRZ52Z8%2Fimage.png?alt=media&#x26;token=4fbcc69e-7374-4a7a-9ba6-ced4288f1cf3" alt=""></picture><figcaption></figcaption></figure>

## Fonctionnement

```tsx
import { Papicons } from "@getpapillon/papicons"

<Papicons name={"Ghost"} />
```

## Propriétés

{% hint style="info" %}
Les icones hérite des propriétés de [SvgProps](https://github.com/software-mansion/react-native-svg/blob/main/src/elements/Svg.tsx#L39).
{% endhint %}

### `name` <mark style="color:orange;">\*</mark>

Nom de l'icône à utiliser

| Type   | Valeur en cas d'erreur |
| ------ | ---------------------- |
| String | `Placeholder`          |

### `color`

Couleur de remplissage de l'icône

| Type          | Valeur par défaut                                                  |
| ------------- | ------------------------------------------------------------------ |
| Couleur (HEX) | *Couleur du texte selon le thème clair ou sombre (`currentColor`)* |

### `size`

Taille de l'icône

| Type   | Valeur par défaut |
| ------ | ----------------- |
| Nombre | 24                |

### `opacity`

Opacité de l'icône

| Type   | Valeur par défaut |
| ------ | ----------------- |
| Nombre | 1                 |