LumaTool
Traitement local

Générateur d’icônes app

Générateur d’icônes app turns one logo or icon image into common iOS, Android, and PWA app icon sizes with rounded preview, safe-area preview, ZIP export, and manifest icon JSON.

Runs locallyNo uploadYour input is processed in your browser.

Générateur d’icônes app

Générez des tailles iOS, Android et PWA depuis PNG, JPG, WebP ou SVG avec aperçu de zone sûre.

Qu’est-ce que cet outil ?

An app icon generator converts one brand mark, logo, or square artwork into the multiple icon sizes required by mobile apps, Android launchers, and installable web apps. It helps teams export a consistent icon set without sending design files to a server.

Formats pris en charge

  • PNG images
  • JPG and JPEG images
  • WebP images
  • SVG logos and icons
  • Square source artwork is recommended
  • Large files should be kept under 10 MB for smooth browser processing

Fichiers de sortie

  • app-icon-ios-20.png
  • app-icon-ios-29.png
  • app-icon-ios-40.png
  • app-icon-ios-60.png
  • app-icon-ios-76.png
  • app-icon-ios-83-5.png exported at 167x167
  • app-icon-ios-1024.png
  • Android and PWA icons from 48x48 to 512x512
  • lumatool-app-icon-pack.zip

Guide des tailles

  • 20x20, 29x29, 40x40, 60x60, 76x76: common iOS slots.
  • 167x167: iPad Pro 83.5pt icon export.
  • 1024x1024: high-resolution App Store style source.
  • 48x48, 72x72, 96x96, 144x144: Android launcher sizes.
  • 192x192 and 512x512: PWA manifest icons.

Exemples d’entrée

  • Company logo PNG
  • Personal blog avatar
  • SaaS product mark
  • SVG logo
  • Transparent square icon

Exemples de sortie

  • app-icon-ios-20.png
  • app-icon-ios-29.png
  • app-icon-ios-40.png
  • app-icon-ios-60.png
  • app-icon-ios-76.png
  • app-icon-ios-83-5.png exported at 167x167

Cas d’usage

  • Export a starter icon pack for iOS, Android, and PWA projects.
  • Check rounded-corner and safe-area behavior before app handoff.
  • Generate web manifest icon JSON for installable web apps.
  • Prepare launcher icon sizes from one source logo.
  • Compare platform-specific outputs before sending files to developers.

Bonnes pratiques

  • Start from high-resolution square artwork when possible.
  • Keep the subject centered and avoid tiny text inside small icons.
  • Use transparent backgrounds only when the mark remains visible on light and dark surfaces.
  • Use consistent file paths between exported files and HTML code.
  • After replacing favicons, clear browser cache or change filenames if the old icon remains visible.

Erreurs courantes

  • Uploading a low-resolution source and expecting sharp large icons.
  • Using artwork that touches the edge and gets clipped after rounding or cover mode.
  • Shipping only favicon.ico and forgetting Apple Touch Icon or manifest icons.
  • Leaving HTML paths that do not match the files in the public folder.
  • Not previewing 16x16 and 32x32 outputs before release.

Confidentialité et traitement local

Votre fichier est traité localement dans le navigateur et n’est pas envoyé aux serveurs LumaTool. Décodage, canvas, ICO, ZIP, manifest et HTML sont générés côté client.

Exemples

Exemples d’entrée

Entrée exemple 
Company logo PNG
Personal blog avatar
SaaS product mark
Sortie exemple 
app-icon-ios-20.png
app-icon-ios-29.png
app-icon-ios-40.png

Générateur d’icônes app turns one logo or icon image into common iOS, Android, and PWA app icon sizes with rounded preview, safe-area preview, ZIP export, and manifest icon JSON.

Exemples de sortie

Entrée exemple 
one source icon image
Sortie exemple 
app-icon-ios-20.png
app-icon-ios-29.png
app-icon-ios-40.png
app-icon-ios-60.png
app-icon-ios-76.png

Votre fichier est traité localement dans le navigateur et n’est pas envoyé aux serveurs LumaTool. Décodage, canvas, ICO, ZIP, manifest et HTML sont générés côté client.

Note de confidentialité

Votre fichier est traité localement dans le navigateur et n’est pas envoyé aux serveurs LumaTool. Décodage, canvas, ICO, ZIP, manifest et HTML sont générés côté client.

Comment utiliser

  1. Étape 1. Importez une image ou saisissez les chemins d’icônes.
  2. Étape 2. Choisissez les options pour votre site, app ou PWA.
  3. Étape 3. Vérifiez les aperçus, fichiers, manifest ou code HTML.
  4. Étape 4. Téléchargez les fichiers, le ZIP ou copiez le code généré.

Exemples concrets

Export a starter icon pack for iOS, Android, and PWA projects

Export a starter icon pack for iOS, Android, and PWA projects.

Check rounded-corner and safe-area behavior before app handoff

Check rounded-corner and safe-area behavior before app handoff.

Generate web manifest icon JSON for installable web apps

Generate web manifest icon JSON for installable web apps.

Cas d’utilisation

  • Export a starter icon pack for iOS, Android, and PWA projects.
  • Check rounded-corner and safe-area behavior before app handoff.
  • Generate web manifest icon JSON for installable web apps.
  • Prepare launcher icon sizes from one source logo.
  • Compare platform-specific outputs before sending files to developers.

FAQ

What image size should I upload?

A square 1024x1024 image is a strong source because it can scale down cleanly to smaller app icon sizes.

Can I generate both iOS and Android icons?

Yes. Choose all platforms or filter the output to iOS, Android, or PWA.

Does this tool upload my app icon?

Non. Le traitement se fait dans le navigateur et le fichier n’est pas envoyé aux serveurs LumaTool.

What is the difference between app icon and favicon?

App icons are used by mobile launchers, stores, and installed apps. Favicons are primarily used by websites, browser tabs, bookmarks, and PWA metadata.

Why do I need 192x192 and 512x512 icons?

These are common PWA manifest sizes used for install prompts, launchers, and high-resolution surfaces.

Can I use the generated icons in a PWA?

Yes. Use the Android/PWA PNG files and copy the generated manifest icons JSON into your web manifest.

À quoi sert surtout Générateur d’icônes app ?

Générateur d’icônes app aide à réaliser rapidement des tâches outils icônes dans le navigateur, comme vérifier, convertir, nettoyer ou formater des données.

Comment mon entrée est-elle traitée ?

Votre fichier est traité localement dans le navigateur et n’est pas envoyé aux serveurs LumaTool. Décodage, canvas, ICO, ZIP, manifest et HTML sont générés côté client.

Outils associés

G

Générateur de favicon

Créez favicon.ico, PNG, Apple Touch Icon, icônes Android, manifest, aperçus, balises HTML et ZIP dans le navigateur.

Outils icônes Disponible Traitement local Aucun téléversement Utiliser maintenant R

Redimensionneur d’icônes

Redimensionnez PNG, JPG, WebP ou SVG en tailles carrées avec contain, cover, transparence, fond et ZIP.

Outils icônes Disponible Traitement local Aucun téléversement Utiliser maintenant A

Aperçu SVG sécurisé

Prévisualise le SVG isolé et inspecte dimensions, couleurs et risques.

Outils image Disponible Traitement local Aucun téléversement Utiliser maintenant C

Convertisseur ICO

Convertit PNG, JPG et WebP en favicon.ico multi-tailles.

Outils image Disponible Traitement local Aucun téléversement Utiliser maintenant O

Optimiseur SVG

Compressez, nettoyez, sécurisez, prévisualisez, copiez et téléchargez des SVG sans scripts ni événements.

Outils icônes Disponible Traitement local Aucun téléversement Utiliser maintenant