Jeder Mobile-Entwickler kennt diesen Schmerz:
Die App ist fertig, der Code sauber, das UI wunderschön – und jetzt fehlen nur noch die App-Icons.
Aber nicht nur eins – sondern Dutzende.

bis Hunderte** verschiedene Größen.
iOS verlangt Größen von 20 px bis 1024 px für Benachrichtigungen, Einstellungen, Spotlight und Home-Bildschirm.
Android braucht adaptive Icons für alle Dichte-Stufen (mdpi, hdpi, xhdpi, xxhdpi …).
macOS und watchOS haben wieder eigene Anforderungen.

Das Ganze in Photoshop oder Figma von Hand zu machen ist nervtötend und fehleranfällig. Ein falsch benanntes [email protected] und Xcode wirft sofort einen Build-Fehler.

Genau deshalb haben wir den kostenlosen App-Icon-Generator gebaut – er erledigt das in Sekunden und liefert sofort ein einsatzbereites Asset-Paket.

Warum dieses Tool statt Photoshop?

1. Direkt bereit für Xcode & Android Studio

Wir skalieren nicht nur – wir bauen die komplette Ordnerstruktur:

iOS / macOS: Sie erhalten einen fertig formatierten Ordner AppIcon.appiconset inklusive korrekter Contents.json. Einfach per Drag & Drop in Xcode ziehen – alle Slots sind sofort gefüllt.
Android: Klassische res/mipmap--Ordnerstruktur, die Sie 1:1 in Ihr Projekt kopieren können.

2. 100 % privat – nichts wird hochgeladen

Die meisten Online-Generatoren verlangen, dass Sie Ihr Icon auf deren Server hochladen – ein No-Go bei unveröffentlichten Apps oder unter NDA stehenden Designs.
Unser Tool läuft komplett im Browser (WebAssembly + Pica). Ihre Datei verlässt niemals Ihren Rechner.

3. Live-Vorschau wie im echten System

iOS: Icon mit original Apple-Rundung auf simuliertem Home-Screen
Android: Als rundes adaptives Icon + wie es im Play Store aussieht
macOS: Mit Big-Sur-Schatten im Dock

Best Practices für perfekte App-Icons

Damit das Ergebnis wirklich top wird, beachten Sie vor dem Hochladen:

Regel 1: Immer mit 1024 × 1024 px starten

Der App Store verlangt das Marketing-Icon in genau dieser Größe. Wir nutzen den hochwertigen Lanczos-3-Algorithmus, um perfekt scharfe kleinere Versionen zu erzeugen. Ein zu kleines Quellbild (z. B. 512 px) wird auf Retina-Displays unscharf.

Regel 2: KEINE eigenen abgerundeten Ecken

Das ist der häufigste Fehler!
Laden Sie ein vollständig quadratisches Bild hoch, das bis an den Rand geht.

iOS wendet automatisch die Rundung an → doppelte Rundungen erzeugen weiße Ränder.
Android legt je nach Launcher eigene Masken (Kreis, Squircle, …) darüber.

Regel 3: Einfachheit gewinnt

Icons werden teils nur 20 px klein angezeigt.

Kein Text (wird unleserlich)
Keine Fotos (Vektorgrafische, klare Formen sind ideal
Einfarbiger oder sehr dezenter Hintergrund + klarer Mittelpunkt

So integrieren Sie die Icons in Ihr Projekt

Xcode (iOS, iPadOS, watchOS, macOS)

ZIP entpacken → Ordner iphone, ipad, mac etc. öffnen
Dort liegt Assets.xcassets mit AppIcon.appiconset
In Xcode das alte (leere) AppIcon löschen
Den neuen AppIcon.appiconset-Ordner einfach hineinziehen → fertig!

Android Studio

ZIP entpacken → android-Ordner
Enthält mipmap-mdpi, mipmap-hdpi usw.
In Ihr Projekt unter app/src/main/res/ kopieren (bestehende mipmap-Ordner überschreiben)
Android wählt automatisch die passende Dichte

Fazit

Verschwenden Sie keine Stunden mehr mit manuellem Resizing und Umbenennen.
Ein professionelles App-Icon ist entscheidend für die Conversion-Rate – die technische Umsetzung sollte dagegen kinderleicht sein.

→ Jetzt zum App-Icon-Generator und in unter 2 Minuten startklar für den Store-Upload sein!

So generieren Sie App-Icons für iOS, Android und macOS (kostenlos & 100 % privat)