# Accueil

<figure><picture><source srcset="https://3099070966-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzAXRvshrILO6bQ2aJgMk%2Fuploads%2Fro0H3oP7kB8xcrJ4OoDo%2FLogo_Dark.png?alt=media&#x26;token=9bbe09bc-39f4-4b08-a71e-ca61978db866" media="(prefers-color-scheme: dark)"><img src="https://3099070966-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzAXRvshrILO6bQ2aJgMk%2Fuploads%2FqJUbbCeF2rcAekwkaytG%2FLogo_Light.png?alt=media&#x26;token=09fbced8-68f9-4dae-94e8-adc7c5f73b7f" alt="" width="202"></picture><figcaption></figcaption></figure>

<p align="center">Un set d’icônes 100 % sur-mesure, conçu pour Papillon et le monde scolaire</p>

<p align="center"><a href="https://github.com/PapillonApp/Papicons" class="button primary">Voir sur GitHub</a> <a href="https://www.npmjs.com/package/@getpapillon/papicons" class="button secondary">Voir sur NPM</a></p>

***

{% columns %}
{% column width="41.66666666666667%" %}

### Simple à intégrer

Papicons propose une bibliothèque d’icônes modernes et harmonisées, spécialement conçues pour le monde de l'éducation. Simples à intégrer, elles permettent aux développeurs de créer des interfaces cohérentes, esthétiques et intuitives en un minimum d’effort.

<a href="components/papicons" class="button secondary" data-icon="rocket-launch">Commencer à intégrer</a>&#x20;
{% endcolumn %}

{% column width="58.33333333333333%" %}
{% code title="index.tsx" %}

```tsx
function Bouh() {
  return (
    <List>
      <Item>
        <Icon>
          <Papicons name="Ghost" />
        </Icon>
    
        <Typography variant="title">
          Bouh !
        </Typography>
      </Item>
    </List>
  )
};
```

{% endcode %}
{% endcolumn %}
{% endcolumns %}