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 d'icônes d'applications mobiles
Des icônes générées pour des lancements iOS et Android. Chacune naît en 1024 px, s'affine sur le canevas et s'exporte dans toutes les tailles des stores.
Du premier jet au store, sur un seul canevas
Chaque génération s'ouvre directement dans l'espace canevas : déclinez des variantes depuis n'importe quelle icône, passez sur fond uni pour l'App Store, protégez la silhouette avec les guides de zone sûre et exportez toutes les tailles en un clic.
Arbre de filiation visuel (Visual Lineage)
Suivez les itérations de prompts et variantes remix via des courbes de Bézier pour comparer éclairage, texture et couleurs côte à côte.
Post-traitement intégré (Post-Processing)
Détourage instantané en 1 clic et remplissage de couleur précis pour satisfaire l'interdiction de transparence d'Apple App Store.
Protection de la zone sûre (Safe Zone)
Guides de marge intérieure ajustables protégeant les éléments graphiques clés contre le rognage des coins du système.
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, d'arrière-plan et monochrome, 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. Sur Android 13 et versions suivantes, le calque monochrome permet aux icônes thématisées de suivre la teinte du fond d'écran |
| 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 |
Décrivez l'icône en une phrase, générez le master 1024x1024, puis exportez toutes les tailles du tableau d'un clic.
Ouvrir le générateur d'icônes d'applicationDepuis 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. Une troisième couche monochrome peut accompagner la même icône adaptative afin que les icônes thématisées d'Android 13 colorent le motif selon le fond d'écran de l'utilisateur.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. Vous avez déjà un gabarit carré finalisé par un designer ou une exportation antérieure ? Le redimensionneur d'icônes d'app gratuit le découpe en toutes les tailles du tableau ci-dessus, sans dépenser de crédits.
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.
Icônes de jeux
Des motifs portés par un personnage et des palettes saturées qui ressortent dans des résultats de recherche bondés ; déclinez des variantes jusqu'à ce que la mascotte reste lisible à 29 px.
Outils associés
Blog
Pour aller plus loin
Des lectures plus longues qui reprennent là où cette page s'arrête.
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.
Puis-je utiliser les icônes générées dans une application publiée ?
Oui. Vous conservez l'intégralité des droits commerciaux sur chaque icône générée, dans les conditions des termes du service, y compris pour les icônes publiées sur l'App Store et Google Play.
Pourquoi Google Play refuse mon icône de 512x512 ?
Les trois causes habituelles : un fichier de plus de 1024 Ko, un PNG qui n'est pas en sRGB 32 bits, ou un visuel avec des coins arrondis ou des marges intégrés. Exportez le PNG carré complet en 512x512 depuis le gabarit, gardez-le sous 1 Mo, puis remettez-le en ligne dans Play Console.
Où placer l'icône de 1024px dans Xcode ?
Ouvrez Assets.xcassets, sélectionnez l'ensemble AppIcon et déposez le PNG 1024x1024 dans l'unique emplacement de taille. Depuis Xcode 14, le catalogue d'assets dérive toutes les tailles inférieures et écrit le Contents.json pour vous. Exportez un PNG opaque : App Store Connect refuse les envois avec canal alpha.
Livrez une icône d'application qui survit à l'écran d'accueil
Décrivez le motif une fois, exportez du même fichier le gabarit 1024px et toutes les tailles de boutique, puis importez le tout dans App Store Connect ou Play Console le jour même.