Qu'est-ce qu'une icône d'application ? Définition, tailles et fonctionnement
Qu'est-ce qu'une icône d'application ?
Une icône d'application est la petite image carrée qui représente une application sur un téléphone, une tablette ou un ordinateur. C'est l'image sur laquelle vous tapez pour ouvrir l'app, la miniature que vous faites défiler dans la boutique, et la marque qui s'affiche à côté du nom de l'app dans une feuille de partage. Un seul fichier, ou plus souvent un jeu de fichiers, joue à la fois le rôle de bouton, d'étiquette et de marque.
Le terme recoupe quelques voisins, et les frontières s'estompent facilement. Un logo est la marque de l'entreprise et peut prendre n'importe quelle forme. Ce rendu carré sur l'appareil, c'est celui sur lequel les gens tapent. Un favicon est l'équivalent du site web dans un onglet de navigateur. Et une icône de notification est le petit glyphe qu'une app affiche dans la barre d'état pendant qu'elle tourne. Quand on demande « qu'est-ce qu'une icône d'application », la plupart des gens pensent à cette image carrée du lanceur, et c'est ce que ce guide couvre.
Icône d'application, logo ou favicon : quelles différences ?
On confond souvent les trois parce qu'ils se ressemblent à dessein. Les différences se situent dans la forme, la taille et l'endroit où chacun vit :
| Icône d'app | Logo | Favicon | |
|---|---|---|---|
| Forme | Carré, coins arrondis par le système | N'importe quelle forme | Carré, affiché en petit et souvent rond dans les onglets |
| Emplacement | Écran d'accueil, boutique d'applications, réglages | En-tête de site web, carte de visite, emballage | Onglet du navigateur, liste de favoris, historique |
| Tailles typiques | Master 1024 px, réduit à 48 px ou moins | Vectoriel, toute taille | 16 px, 32 px, 48 px, 180 px apple-touch-icon |
| Qui la façonne | Vous dessinez le carré, le système l'arrondit et le met à l'échelle | Vous ou votre designer | Vous la livrez avec le site |
Un favicon, pour le définir directement, est le petit fichier image qu'un site web publie pour que les navigateurs puissent afficher sa marque dans les onglets et les listes de favoris. Si vous avez besoin du versant web de la question, le guide MDN des favicons explique le fonctionnement, et le générateur d'icônes de site de SparkIconAI découpe un master en toutes les tailles favicon et PWA en une seule passe.
Quelle est la taille d'une icône d'application iOS ?
Chez Apple, vous fournissez un seul master carré en 1024 x 1024 px, en PNG, sans transparence. Depuis Xcode 14, ce master unique suffit au catalogue d'assets : iOS en déduit tous les autres contextes, l'écran d'accueil, Spotlight, Réglages et les notifications. Les recommandations d'Apple sur les icônes d'app exigent un carré plein cadre parce que c'est le système, et non le designer, qui applique les coins arrondis, et avec iOS 26 le système peut aussi appliquer son traitement Liquid Glass aux icônes de l'écran d'accueil. En pratique, cela signifie que vous n'intégrez jamais de coins arrondis dans le fichier que vous soumettez.
Quelle est la taille d'une icône d'application Android ?
Android demande deux choses. L'icône de la fiche Google Play est un PNG 32 bits de 512 x 512 px. L'icône du lanceur est une icône adaptative : deux calques, arrière-plan et premier plan, chacun en 108 dp, dont les 72 dp centraux passent le masque et dont un cercle centré de 66 dp constitue la zone de sécurité garantie. Les différents lanceurs masquent cette forme différemment, certains en rond, d'autres en squircle, c'est pourquoi la règle veut que vous gardiez la partie importante de votre marque à l'intérieur du cercle de sécurité. La documentation sur les icônes adaptatives contient la spécification complète, et le générateur d'icônes Google Play exporte à la fois l'asset de fiche de 512 px et le jeu mipmap à partir d'un seul master.
Qu'est-ce qu'un badge d'icône d'application sur Android ?
Un badge d'icône d'application est le petit point ou le chiffre qui apparaît dans le coin de l'icône quand l'app a une notification en attente. Google appelle la forme en point notification dots, une fonctionnalité disponible depuis Android 8.0. Le One UI de Samsung nomme la même chose app icon badges et vous permet de choisir entre un point et un chiffre pour chaque app, c'est pourquoi l'expression se lit différemment sur un téléphone Samsung que sur un Pixel. Appuyez longuement sur l'icône pour apercevoir les notifications, ou activez ou désactivez la fonctionnalité dans Réglages, section Notifications. Le badge est dessiné par le système, il n'y a donc rien à dessiner dans le fichier lui-même, même si c'est une raison de plus de garder le centre de votre marque dégagé.
Qu'est-ce que l'icône des apps sur Android ?
Sur de nombreux téléphones Android, l'icône des apps est le bouton en bas de l'écran d'accueil, généralement un cercle ou une grille de points, qui ouvre le tiroir d'applications : la liste alphabétique complète de toutes les apps installées. C'est une commande de navigation, pas l'icône d'une application, et c'est la confusion que cache souvent cette question. Son apparence change selon le lanceur, et en navigation gestuelle elle disparaît complètement, remplacée par un balayage vers le haut.
Pendant que nous décodons les marques peu familières : une icône en forme de lettre isolée dans la barre d'état, comme une icône T sur Android, ne vient presque jamais du système lui-même. Android n'embarque aucun symbole T natif, elle provient donc d'une app tierce qui a publié une notification, souvent une app dont le nom commence par cette lettre. Consulter l'historique des notifications dans Réglages identifie l'app en quelques secondes.
Comment les icônes sont créées
Il existe deux façons d'obtenir le master carré. La méthode classique : un designer le dessine dans un logiciel vectoriel sur une grille et ajuste la silhouette jusqu'à ce qu'elle reste lisible à 48 px. La méthode récente est générative : vous décrivez la marque en une phrase, un modèle d'IA renvoie un master de 1024 px, et vous itérez en reformulant votre prompt ou en créant des variantes. Cette seconde voie est celle de SparkIconAI : décrivez l'icône, générez des candidats, vérifiez-les à 16 px, puis exportez les tailles boutique et web à partir d'un seul master. Si vous voulez le processus de design complet, le guide et générateur de design d'icônes détaille les décisions de concept, de typographie et de silhouette, et le générateur d'icônes IA est le moyen le plus rapide de créer votre première icône.
FAQ rapide
- Qu'est-ce qu'un générateur de favicon ? Un outil qui transforme un master carré en les fichiers favicon dont un site a besoin : favicon.ico, l'apple-touch-icon de 180 px et les icônes PWA de 192 et 512 px. Le générateur d'icônes de site fait exactement cette découpe.
- Qu'est-ce que le design d'icônes ? La pratique du dessin de symboles qui représentent des objets et des idées, ce qui couvre les marques de votre écran d'accueil, les icônes d'interface et les jeux de marque. La page design d'icônes couvre les types, les règles et le flux de travail IA.
- Une seule image peut-elle servir pour toutes les tailles ? Oui, quand la silhouette est assez simple. Dessinez le master de 1024 px, prévisualisez-le à 48, 32 et 16 px, et simplifiez la forme plutôt que l'idée si elle devient floue.
- Faut-il des coins arrondis dans le fichier ? Non. iOS et Android appliquent chacun leur propre masque, soumettez donc un carré plein cadre et laissez le système l'arrondir.