Comment changer l’icône de votre application en quelques étapes simples ?
Une même demande peut désigner deux opérations très différentes : personnaliser l’icône visible sur son propre écran d’accueil, ou remplacer l’icône officielle d’une application que vous développez. Vous trouverez ici la méthode adaptée à chaque cas, les fichiers à préparer et les vérifications qui évitent une icône floue, coupée ou inchangée après publication.
L'essentiel en 4 points
- Sans code, vous pouvez modifier l’apparence d’un raccourci sur l’écran d’accueil ; vous ne modifiez pas pour autant l’icône officielle de l’application installée.
- Pour une application publiée, l’icône fait partie du paquet signé : il faut modifier le projet, reconstruire l’application, incrémenter sa version et diffuser une mise à jour.
- Préparez un visuel maître carré et lisible en très petit. Ne dessinez ni coin arrondi ni contour de téléphone : les systèmes appliquent eux-mêmes leurs masques.
- L’icône affichée dans Google Play, l’icône installée sur Android et l’icône de l’App Store ne suivent pas exactement le même circuit : vérifiez chaque emplacement avant de publier.
Distinguer le raccourci personnel de l’icône officielle
Avant de toucher à un fichier, identifiez votre objectif. Si vous souhaitez donner un autre aspect à WhatsApp, votre banque ou toute autre application sur votre propre téléphone, vous créerez généralement un raccourci ou utiliserez un lanceur d’applications. Si vous êtes propriétaire du projet, vous modifierez au contraire une ressource intégrée à l’application. Cette seconde opération exige l’accès au projet de développement et produit une mise à jour pour tous les utilisateurs après distribution.
Deux opérations qui n’ont ni le même effet ni les mêmes droits
Personnaliser votre écran d’accueil
- Fonctionne sans posséder le code de l’application.
- Change l’apparence d’un raccourci ou d’un lanceur, seulement sur votre appareil.
- Peut faire disparaître badges, actions rapides ou indicateurs de notification selon la méthode.
Modifier l’application distribuée
- Nécessite le projet, les certificats de signature et une nouvelle compilation.
- Change l’icône vue après installation ou mise à jour de l’application.
- Demande des tests sur appareils et, pour les stores, une soumission conforme.
Préparer un visuel compatible avant de l’importer
Travaillez à partir d’un original vectoriel ou d’un PNG carré de grande taille, puis conservez ce fichier source séparément des exports. Une bonne icône reste reconnaissable à environ un centimètre de large : forme simple, contraste net et peu de texte. Évitez les détails fins, les lettres minuscules et les marges décoratives. Les coins arrondis, ombres portées et fonds en forme de pastille doivent en principe être laissés au système, faute de quoi vous risquez un double contour ou un cadrage maladroit.
| Cas | Fichier de départ | Emplacement à modifier | Point de contrôle |
|---|---|---|---|
| Raccourci iPhone | Image carrée PNG ou JPG | App Raccourcis | Le raccourci ouvre la bonne app |
| Lanceur Android | PNG carré ou pack d’icônes | Lanceur ou outil de raccourci | Le badge peut ne plus apparaître |
| Application iOS native | PNG 1 024 px, sans alpha pour le store | Catalogue d’actifs Xcode | Aucune alerte dans AppIcon |
| Application Android native | Calques adaptatifs avant-plan et fond | Ressources Android Studio | Test sur plusieurs lanceurs |
| PWA installable | PNG 192 et 512 px, dont version maskable | Fichier manifest | Réinstallation après cache |
Changer l’apparence sur votre iPhone ou votre téléphone Android
Sur iPhone, l’application Raccourcis permet de placer sur l’écran d’accueil une image personnalisée qui ouvre une application existante. Vous ne remplacez pas son icône interne : les notifications, badges et liens profonds restent associés à l’application d’origine, tandis que le nouveau carré agit comme une porte d’entrée. Vous pouvez ensuite retirer l’icône d’origine de l’écran d’accueil sans désinstaller l’application, mais conservez-la dans la bibliothèque d’apps pour éviter toute confusion lors des mises à jour.
- Ouvrez Raccourcis, créez un nouveau raccourci et ajoutez l’action « Ouvrir l’app » ; sélectionnez l’application concernée dans la liste.
- Ouvrez le menu de partage ou les détails du raccourci, puis choisissez « Sur l’écran d’accueil ». Cette commande crée une tuile indépendante.
- Touchez l’aperçu de l’icône, choisissez une photo ou un fichier et utilisez une image carrée, suffisamment contrastée pour rester identifiable.
- Nommez le raccourci, validez son ajout, puis lancez-le une fois depuis l’écran d’accueil afin de vérifier qu’il ouvre la bonne application.
Sur Android, maintenez d’abord l’icône appuyée : certains constructeurs et lanceurs proposent « Modifier » ou « Changer d’icône ». Cette option dépend du lanceur installé et n’existe pas sur tous les modèles. Un lanceur alternatif, un pack d’icônes ou une application de création de raccourcis offre davantage de liberté, mais agit uniquement dans cet environnement. Si vous revenez au lanceur d’origine, l’icône officielle réapparaîtra. N’installez pas un fichier APK prétendant « changer les icônes » : ce type de fichier peut demander des droits disproportionnés.
Remplacer l’icône d’une application iPhone dans Xcode
Dans un projet iOS, l’icône est généralement gérée dans le catalogue d’actifs, souvent nommé Assets.xcassets, au sein d’un ensemble AppIcon. Le fichier de 1 024 × 1 024 pixels sert de référence pour la distribution App Store ; selon la configuration du projet et la version de Xcode, les tailles nécessaires sont générées ou demandées dans les emplacements du catalogue. Utilisez un PNG RGB sans couche alpha pour l’icône destinée à l’App Store. Ne précomposez pas les coins arrondis : iOS les applique lui-même.
- Exportez le visuel final en PNG carré de 1 024 pixels et contrôlez-le sur fond clair comme sur fond sombre ; un détail transparent ou blanc peut devenir invisible.
- Ouvrez le catalogue d’actifs dans Xcode, sélectionnez AppIcon et remplacez l’icône de distribution ou les emplacements demandés par votre configuration. Vérifiez qu’aucun triangle d’avertissement ne subsiste.
- Contrôlez, dans les réglages de la cible, que la source d’icône pointe bien vers le bon ensemble AppIcon. Les projets à plusieurs cibles peuvent avoir une icône distincte pour chaque édition.
- Lancez l’app sur un appareil réel, puis archivez-la. Pour une mise à jour distribuée, augmentez le numéro de version et le numéro de build conformément au canal de diffusion choisi.
Configurer l’icône d’une application Android dans Android Studio
Pour une application Android actuelle, préférez une icône adaptative à une unique image aplatie. Elle sépare un calque d’avant-plan — le symbole — d’un arrière-plan uni ou illustré. Android Studio peut fabriquer les ressources pour les densités d’écran, ainsi que l’icône de repli destinée aux appareils anciens. Cette structure laisse au lanceur le soin de choisir son masque. Un fichier placé manuellement dans un dossier drawable peut fonctionner dans un cas simple, mais il ne remplace pas correctement une configuration adaptative complète.
- Dans Android Studio, ouvrez l’outil de création d’assets d’image et choisissez le type d’icône de lancement adaptative avec compatibilité héritée si votre version minimale le justifie.
- Importez le symbole dans le calque avant-plan, définissez une couleur ou une image de fond séparée et ajustez l’échelle pour conserver le motif essentiel dans la zone sûre.
- Vérifiez dans le manifeste que l’application référence les ressources prévues pour android:icon et, si elle existe, android:roundIcon. Ne pointez pas vers un ancien fichier mipmap par erreur.
- Générez une version de test et vérifiez-la sur au moins deux appareils ou émulateurs utilisant des lanceurs différents. Pour publier une mise à jour, augmentez impérativement versionCode.
Traiter à part les PWA et les applications de bureau
Une application web installable ne lit pas son icône dans un paquet mobile natif, mais dans son fichier manifest. Déclarez plusieurs images dans le tableau icons, notamment 192 et 512 pixels, et ajoutez une variante dont le purpose est « maskable » si vous voulez un bon résultat dans les lanceurs Android. Le favicon du navigateur est un fichier différent : le modifier ne suffit pas à changer l’icône d’une PWA déjà installée. Après le déploiement, le navigateur ou le service worker peut conserver l’ancien manifeste en cache.
- Ajoutez au manifest des chemins d’images versionnés, avec leurs tailles exactes et leurs types MIME, puis vérifiez que le manifeste est bien chargé par le navigateur.
- Servez les nouveaux fichiers avec un nom ou une révision distincte si votre politique de cache est longue ; remplacer silencieusement un PNG à la même adresse retarde souvent la mise à jour.
- Désinstallez puis réinstallez la PWA sur un appareil de test, ou videz les données du site de test, pour vérifier l’icône installée plutôt que le seul favicon du navigateur.
- Pour Windows, l’emballage demande habituellement un fichier .ico contenant plusieurs tailles, dont 16, 32, 48 et 256 pixels.
- Pour macOS, les outils de packaging attendent souvent un fichier .icns généré depuis plusieurs résolutions, jusqu’à 1 024 pixels selon l’outil.
- Avec Electron, Tauri ou un autre framework, modifiez la configuration de packaging puis reconstruisez l’installateur : changer une image dans l’interface ne modifie pas l’icône du programme installé.
Publier la nouvelle icône sans confondre application et fiche store
Une modification locale n’apparaît pas chez les utilisateurs tant qu’une nouvelle version n’est pas signée et distribuée. Sur Android, l’icône du binaire installé et celle de la fiche Google Play sont deux éléments distincts : la fiche demande son propre PNG de 512 pixels. Sur iOS, l’icône présentée par l’App Store provient du paquet validé. Dans les deux cas, captures d’écran, visuels promotionnels et icône sont des assets séparés ; n’attendez pas qu’un changement d’icône actualise le reste de la fiche.
- Testez d’abord le paquet sur un appareil réel et, si possible, via TestFlight ou une piste de test interne Google Play. Contrôlez l’icône après installation, pas seulement dans l’IDE.
- Incrémentez les identifiants de version exigés par la plateforme : versionCode doit croître sur Android ; le numéro de build iOS doit être unique et la version de diffusion cohérente.
- Signez le paquet avec les identifiants de l’application existante. Une signature ou un identifiant différent crée une autre application au lieu de mettre la précédente à jour.
- Soumettez le binaire, mettez à jour l’icône de la fiche Google Play si nécessaire, puis attendez le traitement et la validation. Ces délais dépendent du store et des contrôles applicables.
- Vérifiez le rendu depuis un compte ou un appareil qui n’a pas servi au téléversement : les caches locaux et les consoles d’éditeur affichent parfois une ancienne ressource.
Résoudre une icône qui ne se met pas à jour ou s’affiche mal
Si l’ancienne icône persiste, commencez par vérifier que vous avez installé la nouvelle version du bon paquet. Les variantes de développement, démonstration et production portent parfois le même nom visible mais des identifiants ou ressources différents. Sur Android, examinez la ressource réellement référencée dans le manifeste pour la variante compilée ; sur iOS, contrôlez la cible active et le catalogue d’actifs associé. Une désinstallation suivie d’une réinstallation sur un appareil de test permet souvent de distinguer une erreur de build d’un simple cache de lanceur.
- Icône coupée sur Android : réduisez le symbole d’avant-plan et laissez davantage de marge autour de la zone centrale.
- Icône blanche ou noire sur iOS : contrôlez le contraste, le profil colorimétrique et l’absence de transparence non souhaitée dans l’export destiné au store.
- Ancienne PWA toujours affichée : vérifiez le cache du manifest, le service worker et l’URL exacte des fichiers d’icône.
- Fiche Play à jour mais app inchangée : vous avez modifié l’asset de la fiche, pas l’icône embarquée dans le binaire.
- Deux icônes après mise à jour : contrôlez l’identifiant de paquet, la signature et le type d’installation ; une nouvelle identité ne remplace pas l’ancienne app.
Ce qu'il faut retenir
Le chemin le plus court dépend donc de votre besoin réel : créez un raccourci si vous personnalisez votre téléphone, ou modifiez les assets du projet si vous gérez l’application. Dans ce second cas, une source carrée propre, des ressources propres à chaque plateforme, un test sur appareil et une mise à jour correctement signée évitent l’essentiel des erreurs. Ne confondez jamais l’icône de la fiche store avec celle du paquet installé.
Questions fréquentes
Puis-je changer l’icône d’une application déjà installée sans la développer ?
Oui, mais seulement visuellement sur votre appareil. Sur iPhone, créez un raccourci personnalisé avec l’app Raccourcis. Sur Android, utilisez l’option de votre lanceur, un pack d’icônes ou un raccourci. L’icône officielle de l’application, celle des notifications et celle affichée dans le store ne seront pas modifiées.
Quel format utiliser pour une icône d’application ?
Préparez d’abord une source carrée de 1 024 × 1 024 pixels. Pour l’App Store, exportez un PNG sans transparence et sans coins arrondis ajoutés. Pour Google Play, l’icône de fiche est un PNG de 512 × 512 pixels. Pour Android installé, fournissez de préférence des calques adaptatifs plutôt qu’un seul PNG.
Pourquoi l’ancienne icône reste-t-elle affichée après une mise à jour ?
L’explication la plus fréquente est un cache du lanceur, du store ou du navigateur pour une PWA. Vérifiez aussi que vous avez augmenté la version de l’application et compilé la bonne variante. Sur un appareil de test, désinstallez puis réinstallez l’application : si l’ancienne icône demeure, la mauvaise ressource est probablement encore référencée.
Faut-il un compte Apple Developer ou Google Play pour changer une icône ?
Non pour créer l’image, modifier un raccourci personnel ou travailler dans un projet local. Oui pour distribuer une mise à jour au public via l’App Store ou Google Play. La publication implique aussi une signature valide et des droits sur l’application existante ; un simple accès à la fiche store ne donne pas nécessairement accès au code.
L’icône Google Play est-elle la même que celle installée sur Android ?
Non. L’icône visible sur la fiche Google Play est un élément de la fiche, généralement un PNG de 512 pixels. L’icône qui apparaît sur le téléphone est embarquée dans l’application Android et dépend de ses ressources adaptatives. Modifier l’une ne modifie pas automatiquement l’autre ; prévoyez les deux contrôles avant publication.
Puis-je modifier seulement l’icône sans publier une grosse mise à jour ?
Techniquement, une nouvelle icône dans une application native exige un nouveau paquet signé et donc une nouvelle version distribuée. Le changement de code peut être minime, mais il suit le processus normal de compilation et de validation. Seule l’icône de fiche Google Play peut être modifiée séparément ; elle ne changera pas l’icône déjà installée.
Pourquoi mon logo est-il recadré dans un cercle sur Android ?
Les lanceurs Android appliquent leur propre masque aux icônes adaptatives : cercle, carré arrondi ou autre forme. Si le logo touche les bords du calque avant-plan, il sera rogné sur certains appareils. Réduisez son échelle et gardez les éléments essentiels dans la zone centrale sûre ; testez ensuite sur plusieurs lanceurs.
Les lecteurs cherchent aussi
