Générateur d'icônes Electron : un master, toutes les plateformes
Une app Electron part sur macOS, Windows et Linux, et chaque plateforme range votre icône à sa façon : .icns dans le bundle de l'app, .ico dans l'exécutable Windows, PNG sur Linux. Ce générateur d'icônes Electron dessine le master de 1024 px à partir d'une phrase, le vérifie à la taille du dock et vous laisse un fichier propre dont electron-builder découpera le reste.
Icônes d'app de bureau générées à partir de texte
Des icônes dessinées pour les apps de bureau : des marques uniques qui tiennent dans une rangée de dock, une barre des tâches et une boîte de dialogue d'installeur, générées à partir de prompts d'une phrase.
Ce qu'une app Electron attend d'une icône
electron-builder réduit tout le travail à une seule convention : déposez un icon.png carré d'au moins 512 px, ou un icon.svg, dans vos ressources de build et il convertit le fichier pour chaque plateforme cible. Le difficile, ce n'est jamais la conversion. C'est d'obtenir un master de 1024 px qui mérite la conversion, lisible de l'installeur 512 px jusqu'à la barre des tâches à 32 px, et c'est justement la part que gère ce générateur d'icônes Electron.
La convention build/ fait la conversion
electron-builder repère build/icon.png ou build/icon.svg automatiquement et génère les fichiers de plateforme pendant l'empaquetage. Votre seule entrée : un bon master carré de 512 px ou plus.
La taille du dock juge
Les icônes de bureau vivent entre un glyphe de barre de titre à 16 px et une tuile de dock retina à 512 px. Chaque candidate est prévisualisée en petites tailles pour choisir une silhouette, pas seulement un joli rendu.
L'IA dessine le master qui vous manque
Les convertisseurs redimensionnent ce que vous avez déjà. Quand la marque n'existe pas encore, ce générateur la crée depuis une phrase, dans un seul langage visuel, à la résolution d'export.
Tailles d'icônes Electron : ce qui entre dans les .icns, .ico et PNG Linux
Vous n'écrivez jamais ces tailles à la main. Le tableau, c'est ce qu'electron-builder dérive de votre unique master : à traiter comme la liste de contrôles qu'un générateur d'icônes Electron doit satisfaire.
build/icon.png, la source unique
Un PNG carré d'au moins 512 px dans vos ressources de build couvre les trois plateformes ; 1024 px laisse de la marge pour la plus grande variante .icns. Ce générateur exporte exactement ce master.
Windows : icon.ico dans l'exécutable
Le .ico empaquette des découpes de 16, 24, 32, 48, 64, 128 et 256 px. Il s'affiche dans l'Explorateur, la barre des tâches, les raccourcis et les propriétés de l'exécutable, et un .ico manquant ou trop petit explique que les builds retombent sur l'icône par défaut.
macOS : icon.icns dans le bundle de l'app
Le .icns regroupe des variantes de 16 px jusqu'à 1024 px pour le Dock retina et les vues du Finder. electron-builder le rend depuis votre master quand aucun .icns n'est fourni.
Linux : PNG simples par environnement de bureau
Les cibles Linux référencent des tailles PNG, typiquement 512 px pour les app stores et une échelle descendant jusqu'aux tailles de boîtes de dialogue. electron-builder émet le jeu depuis le même master.
Comment créer une icône d'app Electron en 3 étapes
Comment le générateur d'icônes Electron passe d'une phrase au fichier unique qu'electron-builder attend dans vos ressources de build.
- 1
Décrivez l'app en une phrase
Par exemple « icône d'app de chat, bulle de dialogue bleue arrondie sur tuile sombre, style plat ». Un sujet, un langage de forme. Les icônes de bureau se jugent dans une rangée de dock à côté des apps natives, donc les silhouettes compactes gagnent.
- 2
Jugez les candidates à la taille du dock
Chaque candidate se prévisualise en petit. Choisissez la marque qui reste lisible à 32 px, car c'est la taille que vos utilisateurs rencontrent d'abord dans la barre des tâches et le sélecteur de fenêtres.
- 3
Déposez le master de 1024 px dans build/
Exportez le PNG et enregistrez-le sous build/icon.png. electron-builder le convertit en .icns, .ico et PNG Linux au prochain passage d'empaquetage, sans outil séparé.
Trois façons de produire une icône Electron
Les packages npm, les convertisseurs et les générateurs IA mènent tous au même dossier build/. Ils diffèrent par l'origine du master, et c'est pourquoi ce générateur d'icônes Electron commence une étape plus tôt.
| Builders d'icônes npm | Convertisseurs en ligne | SparkIconAI | |
|---|---|---|---|
| Origine du master | Vous le dessinez ailleurs, l'outil ne fait que découper | Vous téléversez une image existante | Généré depuis un prompt texte |
| Produit le jeu de plateformes | Oui, dans build/icons/ | Habituellement un format par téléchargement | Un master de 1024 px que découpe electron-builder |
| S'exécute dans | Vos devDependencies et votre CI | Un onglet de navigateur | Un onglet de navigateur |
| Jugement en petite taille | Aucun, vous ne voyez qu'en pleine taille | Rarement | Aperçus dock et barre des tâches pour chaque candidate |
| Changements de design | Retour à l'outil de design | Réexport depuis la source | Modifiez la phrase et relancez |
| Coût pour essayer | Gratuit, votre temps | Gratuit avec limites | Crédits offerts pour commencer |
Comparaison des packages npm de type electron-icon-builder, des convertisseurs d'icônes en ligne et des générateurs d'icônes IA typiques tels qu'ils sont livrés en 2026. electron-builder effectue la conversion finale de plateforme dans les trois voies ; les outils individuels varient.
Des prompts d'icônes d'app Electron qui survivent au dock
Copiez-en un et remplacez le sujet. Un prompt d'icône de bureau qui fonctionne nomme un sujet, un langage de forme et une décision de fond ; les fichiers de plateforme se dérivent ensuite, ils ne se dessinent pas ici.
App utilitaire
icône fenêtre de terminal, tuile sombre arrondie, glyphe d'invite vert, style plat, lisible à 32 px
App média
icône lecteur de musique, disque vinyle sur tuile en dégradé, ombres douces, sans texte
Outil de développement
icône éditeur de code, crochets angulaires sur carré arrondi indigo, style géométrique plat, fond transparent
Du master à l'app empaquetée
Le générateur s'arrête au master ; electron-builder prend le relais jusqu'au bout. Un générateur d'icônes Electron qui s'arrêterait à un joli rendu laisserait l'empaquetage inachevé : un fichier à l'emplacement conventionnel remplace donc une étagère de ressources d'icônes et les scripts qui les maintenaient.
Enregistrez le master sous build/icon.png
Le dossier buildResources est la convention qu'electron-builder scanne. Un PNG carré d'au moins 512 px, nommé icon.png, est tout ce qu'il demande ; 1024 px couvre la plus grande variante macOS.
Laissez electron-builder convertir
Pendant l'empaquetage, il rend le .icns pour le bundle macOS, empaquette le .ico dans l'exécutable Windows et émet les PNG Linux. Ne pointez win.icon ou mac.icon vers des fichiers personnalisés qu'en cas de besoin de dérogation.
Vérifiez le résultat empaqueté
Installez ou décompressez l'artefact et regardez le dock ou la barre des tâches. Windows met les icônes en cache avec insistance, donc un glyphe périmé après un rebranding vient souvent du cache de l'OS, pas de votre build.
Ce que le générateur d'icônes Electron gère pour vous
Tout ce que fait le générateur d'icônes Electron entre la phrase et le fichier master déposé dans build/.
Des masters à la résolution d'export
Les candidates se rendent directement à 1024 px, la taille qu'electron-builder préfère pour toute l'échelle .icns, donc aucun agrandissement ne s'interpose entre la génération et l'empaquetage.
Aperçus en petite taille sur chaque candidate
Les aperçus dock et barre des tâches accompagnent chaque rendu, car l'app empaquetée rencontre les utilisateurs à 32 px bien avant 512 px.
Fonds transparents ou pleins
Windows et macOS masquent différemment les formes. Exportez en transparent et laissez chaque plateforme appliquer son propre masque, ou intégrez une tuile arrondie qui paraît délibérée partout.
Des variations sans quitter le style
Générez des variations d'une candidate présélectionnée pour ajuster silhouette et couleur pendant que le langage visuel reste en place.
Des formats que l'écosystème comprend
Export PNG et WEBP, transparent ou plein ; quand un store ou une page de documentation demande une autre découpe, la page de redimensionnement tranche le master sans quitter le site.
Une marque du bureau au web
La même famille de prompts alimente les pages d'icône de site et de favicon, pour que l'app de bureau et le site web partagent une seule marque.
Flux associés
Des générateurs voisins pour les travaux autour d'un favicon.
Icône de site pour la page produit
Découpez la même marque à la taille d'onglet pour votre site d'atterrissage.
Icône de fiche Play Store
Si le produit livre une app Android complémentaire, partez du même master.
Favicon pour le site de documentation
Les sous-domaines de documentation ont besoin de leur marque qui tient à 16 px.
Kit de marque autour de l'icône
Étendez le langage visuel aux présentations et aux en-têtes sociaux.
Outils associés
Blog
Pour aller plus loin
Lectures plus longues sur les icônes, les styles et les flux d'export.
FAQ du générateur d'icônes Electron
Les tailles, la convention build/, la voie npm et l'erreur d'icône par défaut qui ne meurt pas.
Qu'est-ce qu'un générateur d'icônes Electron ?
Il produit les ressources d'icônes qu'une app Electron empaquette. Cette page génère le master de 1024 px avec l'IA et le prévisualise à la taille du dock ; electron-builder dérive ensuite .icns, .ico et les PNG Linux de ce fichier unique pendant l'empaquetage.
De quelles tailles d'icône une app Electron a-t-elle besoin ?
D'un master carré d'au moins 512 px, idéalement 1024 px, enregistré sous build/icon.png. Depuis lui, electron-builder rend l'échelle macOS .icns de 16 px à 1024 px, les découpes Windows .ico de 16 à 256 px et les tailles PNG Linux.
Ai-je encore besoin d'un package npm electron-icon-builder ?
Pas si votre build utilise le comportement par défaut d'electron-builder : un unique build/icon.png ou icon.svg est converti automatiquement. Les builders npm restent utiles quand vous devez remettre un .ico ou un .icns précis à un pipeline qui ne lance pas electron-builder, ce qui est rare dans un flux de générateur d'icônes Electron.
Pourquoi mon app Electron affiche-t-elle l'icône par défaut ?
La ligne de log dit « Default electron icon is used, reason: application icon is not set ». Les causes courantes : un build/icon.png manquant, un master sous la taille minimale, ou un chemin win.icon personnalisé qui ne résout pas. Corrigez le fichier ou le chemin et relancez le build.
Comment définir l'icône dans la config electron-builder ?
Les défauts d'abord : build/icon.png est repéré sans configuration. Pour déroger par plateforme, pointez mac.icon vers un .icns ou un PNG de 512 px ou plus, win.icon vers un .ico de 256 px ou plus, et linux.icon vers votre chemin PNG.
Puis-je générer l'icône au lieu de convertir une image existante ?
Oui, c'est le sens de cette page de générateur d'icônes Electron. Les convertisseurs supposent que la marque existe ; ici vous décrivez l'app et recevez des candidates, puis exportez la gagnante à 1024 px, prête pour le dossier de build.
Ce générateur d'icônes Electron est-il gratuit à essayer ?
Des crédits offerts couvrent les premières générations. Chaque candidate coûte un crédit au rendu, et les formules payantes ajoutent du volume et de l'agrandissement ; la section tarifs ci-dessus liste les paliers actuels du générateur d'icônes Electron.
Et les distributions Linux avec leurs propres thèmes d'icônes ?
Les environnements de bureau Linux redimensionnent les PNG via leurs thèmes d'icônes, donc une découpe propre de 512 px se comporte bien partout. Livrez le jeu standard qu'electron-builder émet et laissez le thème gérer les masques.
.ico, .icns ou .png : lequel compte le plus ?
Le master. Les trois fichiers de plateforme sont des découpes dérivées de la même image carrée, donc investir votre attention dans un master lisible à 32 px se paie sur toutes les plateformes à la fois.
Windows affiche une icône périmée après mon rebranding. Mon build est-il en cause ?
Habituellement non. Windows met les icônes en cache par chemin, donc l'Explorateur et la barre des tâches peuvent garder le vieux glyphe après une régénération du build. Vider le cache d'icônes ou renommer l'exécutable révèle le nouveau .ico.
Générez votre icône d'app Electron
Le générateur d'icônes Electron transforme une phrase en master de 1024 px, prêt pour qu'electron-builder y découpe .icns, .ico et les PNG Linux.