Icône d'application : tailles, spécifications et design
Une icône d'application doit fonctionner à deux endroits à la fois : sur l'écran d'accueil du téléphone, où elle se serre parmi des dizaines de voisines à une fraction de sa taille maître, et sur les boutiques d'applications, où l'envoi est contrôlé contre des spécifications de pixels exactes avant que quiconque voie le design. Cette page réunit dans un seul tableau les chiffres d'iOS, d'Android et de Google Play, explique les règles de design qui les motivent et montre comment obtenir une icône prête pour la boutique à partir d'une seule phrase.
Exemples de prompts d'icône d'application
Copiez l'un d'eux dans le générateur, puis adaptez les mots de sujet, de style et de couleur à votre application. Un bon prompt d'icône précise trois choses : le sujet et sa position dans le carré, le style et les couleurs, et la plateforme sur laquelle l'icône sera publiée.
Marque géométrique minimaliste
Minimal mobile app icon, one geometric compass mark centered on a deep navy field, thick silhouette readable at 48 px, full square composition, no text, no baked rounded corners, iOS app icon style
Icône d'application style photo
Photo app icon for a photography portfolio, single camera lens subject with soft depth of field, warm amber tones, subject filling two thirds of the square, crisp edges, mobile application icon style
Lettre adaptée à l'icône adaptative
Android adaptive app icon, bold letter M centered inside the safe zone, solid teal background layer, white foreground mark, simple shapes, no thin strokes that break at small sizes
Créer une icône d'application en 3 étapes
D'une phrase à toutes les tailles de boutique, sans ouvrir de logiciel de design.
- 1
Décrivez l'icône
Écrivez une phrase couvrant le sujet, le style et la couleur, plus la plateforme visée, par exemple "a flat geometric wave mark, two colors, mobile application icon for a fitness app". Plus la forme est claire, plus le premier résultat s'en approche.
- 2
Générez le master 1024, puis vérifiez en petit
Générez en 1024x1024 et prévisualisez l'icône à 29 px et 60 px avant de la juger. Une icône qui ne fonctionne qu'en grand échoue sur l'écran d'accueil.
- 3
Exportez toutes les tailles de boutique
Exportez le master plus les préréglages App Store, calques adaptatifs, Play Store et PWA. Chaque fichier suit les règles de format du tableau ci-dessous.
Les tailles d'icône d'application pour chaque boutique
Chaque icône de boutique d'applications est confrontée à des chiffres exacts avant la revue, donc les chiffres passent d'abord. Voici la liste complète en un tableau.
| Plateforme | Ce que vous soumettez | Règles de format | Ce qui se passe ensuite |
|---|---|---|---|
| iOS (App Store Connect) | Un master de 1024x1024 px | PNG, totalement opaque, sans canal alpha, carré sans coins arrondis intégrés | Xcode déduit les versions 180, 167, 152, 120, 80, 60, 40 et 29 px et applique le masque des coins à l'affichage |
| Android (icône adaptative) | Calques de premier plan et d'arrière-plan, chacun en 108x108 dp | Vecteurs préférés ; le logo tient dans la zone sûre intérieure de 66 dp ; les 18 dp extérieurs par côté servent de marge aux masques et à la parallaxe | Chaque appareil masque les calques selon sa forme : cercle, squircle ou carré arrondi |
| Google Play Store | Un visuel de 512x512 px | PNG 32 bits, sRGB, 1024 Ko maximum, carré complet | La boutique applique elle-même le traitement des coins, donc envoyez le carré complet |
| PWA (optionnel) | 192x192 et 512x512 px | PNG, contenu maintenu dans la zone sûre masquable | Le navigateur et l'invite d'installation recadrent selon leur propre forme |
Depuis Xcode 14, un seul master 1024x1024 couvre tous les contextes iOS : 180x180 px sur l'écran d'accueil de l'iPhone, 167x167 px sur l'iPad Pro, 152x152 px sur l'iPad, 120x120 px sur les iPhone plus anciens, jusqu'à 80, 60, 40 et 29 px pour Spotlight, les notifications et les réglages. Vous dessinez un carré opaque aux coins droits ; l'arrondi appartient à iOS.Le format adaptatif sépare le dessin du masque. Vous fournissez un calque de premier plan avec le logo et un calque d'arrière-plan en couleur pleine ou au motif discret, tous deux en 108x108 dp. Seuls les 66 dp intérieurs sont garantis visibles, donc rien d'indispensable n'en sort. Les anciens lanceurs lisent encore un PNG classique de 48 dp : exportez-le aussi.Le visuel de fiche Play est distinct de ce qui vit dans l'APK ou l'AAB : 512x512, PNG 32 bits en sRGB, moins de 1024 Ko, carré complet.Si l'application s'installe aussi depuis le navigateur, ajoutez au manifest des PNG de 192x192 et 512x512 et gardez le contenu dans la zone sûre masquable, car les PWA installées sont masquées à la manière des icônes Android.
Générez votre icône d'application
Décrivez l'icône en une phrase, générez le master 1024x1024, puis exportez toutes les tailles du tableau d'un clic.
Où apparaît réellement une icône d'application
Une icône d'application se montre ailleurs que sur l'écran d'accueil. Elle apparaît dans les résultats de recherche de la boutique à côté des icônes concurrentes, sur la fiche produit à côté de vos captures, dans le tiroir d'applications ou la bibliothèque, dans les réglages iOS à 29 pt et dans les notifications à 20 pt. Concevez d'abord pour le plus petit de ces endroits : une icône encore reconnaissable à 29 px tient partout ailleurs.
Trois façons d'obtenir une icône d'application
Un générateur IA, une bibliothèque d'icônes et un designer freelance produisent tous une icône d'application. Ils diffèrent sur la part du résultat qui vous appartient et sur la vitesse de livraison.
| Générateur d'icônes IA | Bibliothèque ou template | Designer freelance | |
|---|---|---|---|
| Originalité | Chaque icône générée pour votre prompt | Partagée avec tous ceux qui l'ont téléchargée | Originale, dans le cadre du brief |
| Temps jusqu'à l'icône finale | Moins d'une minute par concept | Quelques minutes de recherche | Plusieurs jours par aller-retour |
| Coût | Crédits ou abonnement, gratuit pour commencer | Peu cher ou gratuit | Plusieurs centaines par projet |
| Contrôle du style et des couleurs | Total, par prompt et préréglage | Packs fixes | Total, avec le savoir-faire |
| Droits et risque boutique | Utilisable dans vos applications publiées | Vérifier la licence, risque de jumeaux en rayon | Vérifier le contrat |
| Une série d'icônes ensuite | Même base de prompt, reproductible | Mélangée entre bibliothèques | Un tour de plus |
Comparaison de flux typiques, vérifiée en 2026.
Ce que le générateur fait pour les icônes d'application
Tout ce qu'il faut pour passer d'un prompt à des fichiers acceptés par une boutique.
Masters 1024x1024
Chaque icône est générée à la taille demandée par App Store Connect et se réduit proprement.
Préréglages de boutique en un clic
Exportez le visuel Play 512x512, les calques adaptatifs et les tailles PWA depuis le même master, sans retouche manuelle.
Exports opaques ou transparents
Exportez le PNG opaque exigé par iOS, ou des fichiers transparents pour les calques Android et le web.
Aperçu des coins, pas de coins intégrés
Prévisualisez comment les masques iOS et Android recadreront le visuel pendant que le fichier reste carré.
Des variantes jusqu'à ce que ça tombe juste
Régénérez des versions du même concept pour tester couleurs et épaisseurs avant de vous engager.
Chaque style pour une marque
Préréglages minimaliste, glassy, 3D, pixel et d'autres, tous réglés pour les marques en petit écran.
Styles d'icône d'application, de la photo au flat
Une fois les règles de taille respectées, le style décide du reste. Une icône d'application style photo, construite autour d'un sujet net avec une faible profondeur de champ, convient aux applications de photographie et de voyage quand le sujet est grand et centré. Les marques flat et minimalistes survivent aux plus petites tailles avec le plus de fiabilité, les préréglages glassy et 3D ajoutent de la profondeur sans détail fin, et le style pixel transforme la contrainte du petit canevas en look à part entière. Passez par la galerie de styles d'icônes avant de générer : les pages 3D, glassy et minimaliste montrent chaque style à l'échelle d'icône.
Concevoir une icône d'application qui survit à l'écran d'accueil
La plupart des problèmes d'icône d'application naissent d'un design fait au mauvais zoom. Quatre habitudes les évitent. Composez pour le carré complet, jusqu'au bord, car les deux boutiques masquent tout et ne rognent rien. Gardez des traits épais : les filets disparaissent entre 29 et 60 px. Maintenez le contraste entre la marque et le fond, car les écrans d'accueil se posent sur des fonds que vous ne contrôlez pas. Et regardez l'icône à 29 px avant de valider : c'est là que la plupart des utilisateurs la rencontrent pour la première fois, pas sur le canevas de 1024 px.
Où ce flux trouve sa place
Un master, exporté pour chaque destination, voilà toute l'idée.
Applications iOS indépendantes
Envoyez le master App Store, laissez Xcode déduire le reste et gardez le PNG opaque. Commencez dans le générateur d'icônes d'application.
Utilitaires Android
Calques adaptatifs avec le logo dans la zone sûre, plus le PNG classique de 48 dp pour les anciens lanceurs.
PWA et applications web
Visuels masquables 192 et 512 pour l'invite d'installation, avec le favicon assorti du générateur d'icônes de site.
Équipes produit
Réutilisez le même prompt pour garder une famille d'icônes d'applications mobiles cohérente sur plusieurs produits, et parcourez la galerie d'icônes quand la série doit grandir.
Rafraîchir la fiche boutique
Nouvelle icône, même application : exportez, envoyez, mettez la fiche à jour l'après-midi même.
FAQ de l'icône d'application
Questions fréquentes sur les tailles, les formats et la création.
Quelle taille doit faire une icône d'application ?
Le master fait 1024x1024 px pour l'App Store et 512x512 px pour Google Play. Les calques adaptatifs Android sont en 108x108 dp avec le logo dans les 66 dp intérieurs. Tout ce qui est plus petit est déduit ou masqué par les boutiques, donc on conçoit une seule fois à la taille master.
Pourquoi l'App Store exige une icône de 1024x1024 ?
C'est la plus grande taille utilisée par iOS, et depuis Xcode 14 un seul PNG opaque de 1024x1024 suffit ; Xcode génère toutes les variantes plus petites à partir de lui. Le fichier ne doit contenir ni canal alpha ni coins arrondis pré-dessinés, car iOS applique son propre masque.
Une icône d'application peut-elle avoir un fond transparent ?
Sur iOS, non : les icônes de l'App Store doivent être totalement opaques et les envois avec transparence sont refusés. Les icônes adaptatives Android utilisent un calque d'arrière-plan séparé plutôt que la transparence, et les formats web comme les icônes PWA et les favicons peuvent utiliser la transparence quand le design l'exige.
Qu'est-ce qu'une icône adaptative Android ?
Un format à deux calques, 108x108 dp chacun, avec votre logo au premier plan et une couleur ou un motif en arrière-plan. Le lanceur masque les deux calques selon la forme de l'appareil, et les 18 dp extérieurs par côté existent comme marge pour les masques et les effets, donc le contenu utile reste dans la zone sûre intérieure de 66 dp.
Quelle différence entre une icône d'application et un logo ?
Un logo fonctionne à toutes les tailles sur des surfaces que vous contrôlez ; une icône d'application fonctionne à 29 px sur le fond d'écran de quelqu'un d'autre, dans un masque que vous ne choisissez pas. Les icônes réclament des formes plus simples, un contraste plus fort et une composition plein carré, tandis que les logos admettent des détails plus fins. Beaucoup d'applications dérivent les deux d'une même marque.
Comment créer une icône d'application ?
Écrivez une phrase décrivant le sujet, le style et la plateforme, puis générez le master 1024x1024 dans le générateur d'icônes d'application. Si vous hésitez, choisissez d'abord la direction : une icône style photo pour une application de photographie, une marque flat pour un utilitaire. Prévisualisez à 29 px et exportez les préréglages de boutique quand elle se lit clairement.
