---
title: "Ajouter l'icône de la PWA sur l'écran d'accueil"
description: "1/ Ajoutez une image dans le menu Mon app > Icône de l'App > PWA > Apple Touch Icon. 2/ Régénérez votre PWA pour lier cette image"
canonical_url: "https://fr.goodbarber.com/help/configurer-les-parametres-de-la-pwa-r123/ajouter-l-icone-de-la-pwa-sur-l-ecran-d-accueil-a320/"
lang: fr
---

# Ajouter l'icône de la PWA sur l'écran d'accueil

Source: https://fr.goodbarber.com/help/configurer-les-parametres-de-la-pwa-r123/ajouter-l-icone-de-la-pwa-sur-l-ecran-d-accueil-a320/

## 1. Android

1/ Ajoutez une image dans le menu **Mon app > Icône de l'App > PWA > Apple Touch Icon .**
2/ [Régénérez votre PWA](https://fr.goodbarber.com/help/publier-et-mettre-a-jour-la-pwa-r122/mettre-a-jour-votre-progressive-web-app-pwa-a306/) pour lier cette image à votre PWA.

Le navigateur Chrome affichera [automatiquement une pop up](https://fr.goodbarber.com/help/configurer-les-parametres-de-la-pwa-r123/gerer-les-popups-et-les-permissions-dans-votre-pwa-a363/) "Ajouter à l'écran d'accueil", une fois que votre PWA sera publiée et consultée par vos utilisateurs, comme sur l'exemple ci-dessous :

![](https://cmsphoto.ww-cdn.com/superstatic/1682490/art/default/27998042-27880312.jpg?v=1787651748.4158547)

## 2. iOS

1/ Commencez par lancer Safari.
2/ Naviguez sur l'url de la PWA dont vous souhaitez ajouter le raccourci.
3/ Appuyez sur l’icône de partage en bas de votre écran, elle est représentée par un carré avec une flèche vers le haut.
4/ Les options de partage iOS vont apparaître par-dessus la fenêtre du navigateur. Sélectionnez l'option "*Sur l'écran* *d’accueil*".

![](https://cmsphoto.ww-cdn.com/superstatic/1682490/art/default/27998042-27880313.jpg?v=1787651748.4238548)

5/ Une fois sur la page d'ajout, vous pouvez éditer le nom qui apparaîtra en dessous de l'icône sur votre écran d'accueil.
6/ Cliquez ensuite sur le bouton "Ajouter".
Vous serez redirigé vers l'écran d'accueil de votre iPad/iPhone, qui contiendra désormais une nouvelle icône associée à votre PWA.

Note: Si vous souhaitez ne plus afficher la pop-up, c'est possible pour les PWA vues sur un téléphone Android, supprimez l'icône **Apple Touch Icon**
