Erste Schritte

Lade eine Quelle hoch, wähle Plattformen und prüfe die Vorschau vor dem Download. Das Bild wird im Browser verarbeitet; kontrolliere die Dateien auch im Projekt.

Bereite das Icon in drei Schritten vor

1. Ausgangsbild hochladen — Lade ein quadratisches PNG, JPG, WebP oder SVG hoch oder nutze eine anpassbare Vorlage. Eine hochauflösende Quelle hilft bei klaren kleinen Icons.

2. Plattformen und Vorschau wählen — Wähle iOS, Android, Web oder Chrome und passe die verfügbaren Einstellungen anhand der Vorschau an.

3. Icon-ZIP herunterladen — Exportiere Größen und Plattformordner und prüfe sie im App- oder Website-Projekt.

Lokale Bearbeitung und Export sind kostenlos. Die optionale KI-Bilderzeugung nutzt Kontoguthaben; prüfe die angezeigten Kosten vorher.

Kostenloser App-Icon-Maker für iOS, Android und Web

Exportierte Dateien

• iOS — Die ZIP enthält eine 1024-px-PNG und Contents.json in AppIcon.appiconset. Xcode kann kleinere Varianten erzeugen. Separate dunkle oder eingefärbte Motive werden nicht exportiert.
• Android — Adaptive Ebenen messen 108 × 108 dp. Halte das Hauptmotiv im mittigen Bereich von 66 × 66 dp, damit Gerätemasken es nicht abschneiden. Die ZIP enthält auch XML in mipmap-anydpi-v26 und klassische Ersatz-PNGs.
• Web-, PWA- und Chrome-Icons — Binde Favicons und ein PWA-Manifest ein und prüfe Chrome-Icons sowie die Abmessungen der Werbebilder.

Einbindung und Prüfung

Nutze den Größenrechner als Referenz, prüfe die Dateien und teste sie im Projekt. Zum Export von iOS- und Android-Ressourcen aus deiner Vorlage öffne den App-Icon-Maker.