App Icon Generator

App Icon Generator

Lade ein Bild hoch und erhalte alle Icon-Größen für iOS, Android und Web — inkl. favicon.ico. Alles läuft in deinem Browser.

Icon-Bild hierher ziehen oder klicken zum Auswählen

Empfohlen: 1024×1024 PNG — unterstützt JPG, PNG, WebP

Wir empfehlen ein 1024×1024 Pixel PNG. Das Tool verkleinert es auf alle benötigten Größen. Größere Ausgangsbilder ergeben Icons in besserer Qualität.

  • iOS: 20, 29, 40, 58, 60, 76, 80, 87, 120, 152, 167, 180, 1024 px
  • Android: 48 (mdpi), 72 (hdpi), 96 (xhdpi), 144 (xxhdpi), 192 (xxxhdpi), 512 (Play Store)
  • Web: 16, 32, 150, 180, 192, 512 px PNG + favicon.ico
  • watchOS: 48, 80, 88, 100, 172, 196, 216, 1024px
  • macOS: 16, 32, 64, 128, 256, 512, 1024px

Warum App Icon Generator?

Ein Bild rein, alle Icons raus — alle Größen, alle Plattformen, ein Klick.

Alle Größen, alle Plattformen

Erstellt jede benötigte Icon-Größe für iOS (inkl. 1024×1024 App Store), Android (alle mipmap-Dichten) und Web (Favicon, Apple-Touch-Icon, OG-Image).

Xcode-fertig

iOS-Icons enthalten eine korrekte Contents.json — ziehe den AppIcon.appiconset-Ordner direkt in dein Xcode-Projekt.

Datenschutz von Grund auf

Alle Größenanpassungen erfolgen im Browser per HTML Canvas. Deine Bilder werden nie auf einen Server hochgeladen.

Ein-Klick-ZIP-Download

Alle Icons übersichtlich in Ordnern (iOS, Android, Web) in einer einzigen ZIP-Datei. Sofort einsatzbereit.

25 Sprachen

Benutzeroberfläche in 25 Sprachen mit automatischer Browser-Erkennung. RTL-Unterstützung für Arabisch, Persisch und Urdu.

Komplett

Keine Einschränkungen, kein Wasserzeichen, keine Registrierung. So oft nutzen, wie du willst.

So funktioniert der App-Icon-Generator

Aus einem Quellbild alle 30+ benötigten Größen — in deinem Browser, in einer Minute.

  1. 1

    Quelle in 1024 × 1024 ablegen

    Apple, Google und das Web akzeptieren Icons bis 1024 × 1024. Lege ein quadratisches PNG ab (transparenter Hintergrund für manche Plattformen empfohlen, einfarbig für andere — beides funktioniert). JPG geht auch, aber PNG mit Transparenz bietet die meiste Flexibilität.

  2. 2

    Alle Größen parallel erzeugen

    iOS braucht ~18 Größen (App Store, Home-Screen in 2x/3x, Einstellungen, Spotlight). Android braucht ~5 mipmap-Dichten (mdpi → xxxhdpi). Das Web braucht Favicons (16, 32), apple-touch-icon (180), Chrome (192, 512) und ein Manifest. Jede Größe wird per OffscreenCanvas mit hochwertigem bikubischen Resampling herunterskaliert.

  3. 3

    Live-Vorschau für iOS / Android / Web

    Sieh das erzeugte Icon so, wie es auf dem iOS-Home-Screen, im Android-Launcher und in einem Browser-Tab erscheinen würde — alles live gerendert. Erkenne Render-Probleme (zu kleiner Text, verlorene Details nach dem Resize), bevor du exportierst.

  4. 4

    Als ein einzelnes ZIP herunterladen

    Der Output ist ein strukturiertes ZIP mit iOS-Ordner (bereit für Xcode-Asset-Catalog), Android-Ordner (mipmap-mdpi bis mipmap-xxxhdpi) und Web-Ordner (favicon.ico, manifest.json). Zieh den passenden Ordner in dein Projekt.

Wer alle Größen braucht

Icon-Generierung ist auf den meisten Plattformen nicht optional — hier der Grund.

iOS-App-Einreichung

App Store Connect lehnt Builds ab, denen eine erforderliche Icon-Größe fehlt. Erzeuge das vollständige Set einmal, lege es in Xcodes Assets.xcassets ab — und denk nie wieder darüber nach.

Android Play Store

Google verlangt ein 512 × 512-Hi-Res-Icon plus mipmap-Dichten für den Launcher. iKit erzeugt beide Formate aus einer Quelle — du musst dasselbe Artwork nicht fünfmal manuell rendern.

Progressive Web App

PWAs brauchen ein Manifest mit mehreren Icon-Größen (mindestens 192, 512). iKit erzeugt das manifest.json-Snippet für dich, fertig zum Einfügen in dein bestehendes Manifest.

Bestehende Apps auffrischen

Marken-Redesign? Lege das neue Logo ab, erhalte in 30 Sekunden ein komplettes neues Icon-Set. Vergleiche es in der Live-Vorschau mit dem alten, bevor du dich festlegst.

Warum lokale Generierung für Marken zählt

App-Icons sind oft unveröffentlichte Markenarbeit — ein Redesign, ein neues Produkt, ein vertrauliches Kunden-Logo. Das Hochladen zu einem serverseitigen Generator bedeutet, dass ein Dritter das Asset vor dem Launch sieht, mit allem Leak-Risiko, das damit einhergeht. iKit erzeugt alles im Browser per OffscreenCanvas, sodass deine unveröffentlichte Marke deine Maschine nie verlässt.

  • Quell-PNG und alle 30+ erzeugten Größen bleiben in deinem Browser.
  • ZIP wird clientseitig gepackt — keine Server-Datei, die gecached werden könnte.
  • Geeignet für vertrauliche und Pre-Launch-Markenassets.

Verwandte Anleitungen

Ausführliche Tutorials und Tool-Vergleiche aus dem iKit-Blog.

App-Icon-Größen (2026)

Vollständige Referenztabellen für iOS, Android, watchOS, macOS und Web.

iOS app icon sizes

Size (px) Where it appears
1024×1024 App Store
180×180 iPhone home (60pt @3x)
167×167 iPad Pro home
152×152 iPad home (76pt @2x)
120×120 iPhone home / Spotlight
87×87 Settings @3x
80×80 Spotlight @2x
76×76 iPad home @1x
60×60 Notification @3x
58×58 Settings @2x
40×40 Spotlight @1x
29×29 Settings @1x
20×20 Notification @1x

Android adaptive icon sizes

Density Foreground / Background Legacy
mdpi 108×108 48×48
hdpi 162×162 72×72
xhdpi 216×216 96×96
xxhdpi 324×324 144×144
xxxhdpi 432×432 192×192
Play Store 512×512

watchOS app icon sizes

Size (px) Surface
1024×1024 App Store
216×216 Quick Look 44mm
196×196 Quick Look 42mm
172×172 Quick Look 38mm
100×100 Short Look
88×88 Home 44mm
80×80 Home 40mm
48×48 Notification

macOS .iconset & Web sizes

Size (px) Use
1024×1024 macOS App Store / icon_512@2x
512×512 macOS / PWA splash
256×256 macOS
192×192 PWA / Android home
180×180 apple-touch-icon
128×128 macOS / web
48×48 · 32×32 · 16×16 favicon.ico

Dieses Tool erzeugt alle Größen aus einem einzigen 1024×1024-Quellbild.

Häufig gestellte Fragen

Welche Bildgröße sollte ich verwenden?

Wir empfehlen ein 1024×1024 Pixel PNG. Das Tool verkleinert es auf alle benötigten Größen. Größere Ausgangsbilder ergeben Icons in besserer Qualität.

Welche Icon-Größen werden erstellt?

iOS: 20, 29, 40, 58, 60, 76, 80, 87, 120, 152, 167, 180, 1024 px. Android: 48 (mdpi), 72 (hdpi), 96 (xhdpi), 144 (xxhdpi), 192 (xxxhdpi), 512 (Play Store). Web: 16, 32, 150, 180, 192, 512 px PNG + favicon.ico. watchOS: 48, 80, 88, 100, 172, 196, 216, 1024px. macOS: 16, 32, 64, 128, 256, 512, 1024px.

Wird mein Bild irgendwohin hochgeladen?

Nein. Alle Größenanpassungen nutzen die Canvas-API des Browsers. Dein Bild verlässt niemals dein Gerät.

Ist favicon.ico enthalten?

Ja. Die Web-Icons enthalten eine Multi-Size-favicon.ico (16×16 und 32×32) sowie einzelne PNG-Favicons.

Kann ich einen transparenten Hintergrund verwenden?

Ja. Aktiviere die Option „Transparent“. Beachte jedoch, dass iOS App Store Icons einen deckenden Hintergrund erfordern — Apple lehnt transparente Icons ab.

Welche Größe sollte ein iOS-App-Icon 2026 haben?

Das Master-Icon für den App Store ist 1024×1024 px PNG, sRGB, ohne Transparenz. Xcode leitet daraus die kleineren iPhone/iPad/Spotlight/Settings-Größen (bis hinunter zu 20pt) ab. Dieses Tool gibt den kompletten Satz plus eine gültige Contents.json aus, sodass sich das AppIcon.appiconset direkt in Assets.xcassets einfügen lässt.

Was ist ein adaptives, maskierbares oder monochromes Icon?

Ein adaptives Android-Icon besteht aus einem 108×108 dp Vordergrund + Hintergrund, den der Launcher in eine beliebige Form maskiert; die inneren 66 dp bilden die Sicherheitszone. Ein maskierbares Icon ist das PWA-Äquivalent (innere 80% Sicherheitszone). Ein monochromes Icon ist die Themed-Icon-Ebene von Android 13+. Dieses Tool erzeugt alle drei.

Müssen App-Icons 1024×1024 sein und keine Transparenz haben?

Ja, für das Master-Icon des iOS App Store: 1024×1024, deckend, ohne Alphakanal — Apple lehnt transparente App-Store-Icons ab. Android- und Web-Icons dürfen Transparenz verwenden. Laden Sie hier eine 1024×1024-Quelle hoch, und jede erforderliche Größe wird korrekt erzeugt.

Wie füge ich die Icons in Xcode oder Android Studio hinzu?

Xcode: Ziehen Sie den Ordner AppIcon.appiconset in Assets.xcassets — Contents.json füllt jeden Slot. Android: Kopieren Sie die res/ mipmap-*-Ordner und das adaptive mipmap-anydpi-v26 XML in das res-Verzeichnis Ihres Moduls.