Créer une icône pour iOS et Android

Partez d’un symbole clair, préparez la source puis exportez les ressources à tester sur un appareil. Ce guide va du premier dessin à l’intégration.

Qu’est-ce qu’une icône d’application ?

C’est la marque visuelle qui identifie l’app sur l’écran d’accueil, dans la recherche et dans la boutique. Elle diffère du favicon et du nom complet : elle doit rester reconnaissable en petit et suivre la forme de chaque système.

Dessiner l’icône

Utilisez un outil vectoriel ou une illustration simple. Privilégiez la lecture avant la décoration.

Choisir un point focal

Retenez un symbole ou une lettre distincte et retirez petits détails et longues phrases qui disparaissent à la réduction.

Clarifier la silhouette

Distinguez symbole et fond par la forme et la couleur. Gardez le contenu important loin du bord.

Prévisualiser aux tailles réelles

Vérifiez l’écran d’accueil sur fonds clairs et sombres. Ajustez avant d’exporter l’original.

Besoin d’un premier symbole ? Explorer le créateur de logos

Créer sans logiciel de design

Sans dessin terminé, partez d’un modèle original éditable dans le navigateur. Il utilise le même espace d’aperçu et d’export ci-dessous.

1

Choisir un modèle

Comparez Orbit, Stack et Signal, sources SVG originales non exclusives à adapter.

2

Changer initiales et couleurs

Utilisez une ou deux lettres latines ou chiffres, choisissez fond et accent et conservez le contraste en petit.

3

Vérifier avant l’export

Ouvrez le modèle, choisissez les plateformes et vérifiez masques et petits aperçus avant le ZIP.

Voir les modèles éditablesUtiliser un modèle dans le générateur

Préparer la source par plateforme

iOS : un carré opaque

Préparez un PNG de 1024 × 1024 px avec un fond complet. N’intégrez pas de coins arrondis. L’export iOS place l’image dans AppIcon.appiconset pour Xcode.

Voir le guide iOS

Android : premier plan et fond

L’icône adaptative utilise deux calques de 108 × 108 dp. Gardez le symbole dans la zone centrale de 66 × 66 dp. Un motif transparent facilite le choix d’un fond séparé.

Voir le guide adaptatif Android

Consulter les tailles · Documentation Xcode d’Apple · Documentation adaptative Android

Créer avec le générateur

Utilisez l’espace ci-dessous après préparation de la source. Le dessin commun produit catalogue iOS et ressources de lanceur Android.

1

Exporter l’original

Gardez un PNG net de 1024 × 1024 px. Pour Android adaptatif, un symbole transparent simplifie la séparation du fond.

2

Charger et choisir les plateformes

Ajoutez le fichier et activez iOS, Android ou les deux.

3

Contrôler l’aperçu

Réglez fond Android et échelle du premier plan. Vérifiez que le motif tient dans la zone sûre.

4

Télécharger le ZIP

Exportez les fichiers. Le ZIP contient AppIcon.appiconset pour iOS et res/mipmap pour Android.

Ouvrir le générateur
01
Image source
Ou générer avec l'IA

Modèles d’icônes

Choisissez un dessin original, puis couleurs et initiales. Tout se crée dans le navigateur.

Choisissez un modèle comme source.

Voir les modèles et télécharger les sources SVG
02
Configurer les plateformes
2 plateformes sélectionnées

Réglages de l’icône de lanceur Android

Le mode adaptatif exporte premier plan, fond et XML Android. Le mode classique exporte seulement les tailles bitmap.

03
Aperçu

2 Plateformes

En attente de téléchargement d'image

Après avoir téléchargé l'image, vous pouvez prévisualiser les effets de chaque plateforme en temps réel

Image source

Aidez à améliorer cet outil

Un problème d’import, de plateforme ou d’export ? Indiquez page, navigateur, plateforme et étapes pour le reproduire.

Ouvre le contact dans un nouvel onglet et conserve votre travail. Aucune image ni réglage n’est joint ; évitez les informations confidentielles.

Envoyer un retour (nouvel onglet)
L’outil vous aide ?
Après l’export, vous pouvez soutenir le développement avec un café.
  • Tout est traité dans le navigateur, rien n’est envoyé.
  • Un seul téléchargement couvre iOS, Android, Chrome et plus.

Chaque café garde AppIconGenerator rapide, privé et gratuit.

☕Offrez-moi un café

Configurer dans Xcode et Android Studio

Conservez les anciens fichiers jusqu’à vérification de la nouvelle icône dans un build.

Configurer l’icône iOS

  1. Extrayez le ZIP et ouvrez Assets.xcassets dans Xcode.
  2. Ajoutez AppIcon.appiconset. Si AppIcon existe, sauvegardez-le ou remplacez image et Contents.json après contrôle de la cible.
  3. Sélectionnez AppIcon pour la cible. Vérifiez l’entrée universelle de 1024 px, compilez et inspectez sur appareil ou simulateur.

Configurer l’icône Android

  1. Extrayez le ZIP et inspectez res.
  2. Fusionnez dossiers mipmap et XML mipmap-anydpi-v26 dans app/src/main/res. Examinez les ressources existantes avant remplacement.
  3. Vérifiez android:icon dans AndroidManifest.xml vers @mipmap/ic_launcher. Compilez et testez vues adaptative et classique.

Vérifier avant publication

  • Gardez la source iOS opaque et laissez les coins au système.
  • Gardez le motif Android dans la zone sûre et essayez plusieurs masques.
  • Vérifiez noms, aperçu et build avant de supprimer les anciens fichiers.

Questions sur les icônes

Quel format choisir au départ ?

Un PNG haute résolution est pratique. Utilisez un carré opaque pour iOS et un motif transparent avec fond séparé pour Android adaptatif.

Quelle taille pour iOS ?

Commencez avec 1024 × 1024 px pour l’entrée universelle. Xcode peut gérer les tailles dérivées du catalogue.

Pourquoi deux calques Android ?

Les lanceurs appliquent des masques et effets différents. La séparation permet l’adaptation sans couper le symbole central.

Peut-on partager le dessin entre plateformes ?

Oui, partagez le motif, mais exportez chaque structure et vérifiez masques et fonds dans un véritable build.

Une icône utile commence par un dessin simple et finit par un build vérifié. Lorsque la source est prête, exportez avec le créateur d’icônes

Comment créer votre propre icône d’app

Modèle, image existante ou IA

Un modèle convient aux initiales et aux formes géométriques simples. Importez votre dessin si l’identité est déjà définie. Utilisez l’IA pour explorer un nouveau symbole, puis examinez le résultat avant de préparer les ressources.

Vérifier la plus petite vue utile

Inspectez l’icône à 32 et 64 pixels. Retirez les lettres ou détails qui disparaissent, comparez fonds clairs et sombres et vérifiez le masque de plateforme. Décompressez enfin l’export et testez les fichiers dans le projet.

Générateur d’icônes IAModèles d’icônes
Maintenu parContenu vérifié le :Contact

La vérification porte sur les instructions et les fonctions annoncées. Testez les fichiers exportés dans votre projet avant publication.

Références des plateformes :AppleAndroid