---
description: Insérer un élément avec plusieurs icônes
---

# Groupe d'icônes

<figure><img src="https://1366607073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD5RHprt4vRSlEM8jcIL2%2Fuploads%2F6doBLimuc6tfyDdfqQCa%2FCapture%20d%E2%80%99e%CC%81cran%202024-05-02%20a%CC%80%2010.22.38.png?alt=media&#x26;token=d3e6b82c-6bc8-4436-89cc-67f84aee5342" alt=""><figcaption></figcaption></figure>

## Disponible sur...

![](https://img.shields.io/badge/internet-oui-green?style=for-the-badge\&logo=typo3)![](https://img.shields.io/badge/satellites-non-red?style=for-the-badge\&logo=typo3)![](https://img.shields.io/badge/intranet-non-red?style=for-the-badge\&logo=typo3)

## Présentation

### Ajout d'un nouveau composant Groupe d'icônes

1. Sur la page en mode ![](https://1366607073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD5RHprt4vRSlEM8jcIL2%2Fuploads%2FSD1CZ72IMzn7bulXsE7C%2Fmode-rediger.png?alt=media\&token=f16ba40e-ee9d-4538-be59-993d8c842dae), trouvez la section où vous souhaitez ajouter un composant Groupe d'icônes.
2. Cliquez sur le bouton "+ Contenu" pour ouvrir le sélecteur d'éléments.
3. Sélectionnez  **Groupe d'icônes** dans l'onglet **Groupes**.

<figure><img src="https://1366607073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD5RHprt4vRSlEM8jcIL2%2Fuploads%2FUSMcOSR2SMOFWqrYhebu%2FCapture%20d%E2%80%99e%CC%81cran%202024-05-02%20a%CC%80%2010.15.26.png?alt=media&#x26;token=31eb22ae-3173-49fa-9283-563ce3801c9f" alt=""><figcaption></figcaption></figure>

### Configuration du composant

1. Une fois que vous avez ajouté le composant, vous verrez une boîte de dialogue de configuration.
2. Ajoutez un **titre** (optionnel)
3. Choisissez un **type** (pour le titre)
4. Ajoutez un **lien** (optionnel)
5. Dans la zone **Elément du group d'icônes** cliquez sur **+ Créer nouveau**.
   1. Entrez un **En-tête**
   2. Entrez un **Sous-titre** (optionnel)
   3. Entrez un **lien** (optionnel)
   4. Ajoutez ou téléchargez votre **fichier d'icône**.
6. Recommencez le point 5. pour chaque nouvel icône.
7. Enregistrez vos modifications

<figure><img src="https://1366607073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD5RHprt4vRSlEM8jcIL2%2Fuploads%2FJoT1O9jFvItPx4KbWWnN%2FCapture%20d%E2%80%99e%CC%81cran%202024-05-02%20a%CC%80%2010.29.12.png?alt=media&#x26;token=ef8c9f83-235e-470c-b843-ec9185e2c9fa" alt=""><figcaption></figcaption></figure>

## Exemples

Vous pouvez trouver des **exemples** d'utilisation du Contenu **Groupe d'icônes** :&#x20;

![](https://img.shields.io/badge/internet-oui-green?style=for-the-badge\&logo=typo3)

{% embed url="https://template.univ-gustave-eiffel.fr/test-contenus/groupes/groupe-dicones" %}
