devpack
EnglishDeutschFrançaisEspañolPortuguês (Brasil)
Website-Check

App-Icon-Generator – iOS, Android & PWA

Lade einfach ein quadratisches Bild hoch und erhalte alle Icon-Größen, die deine App benötigt – ein Xcode-kompatibles „AppIcon.appiconset“, Android-Mipmap-Ordner mit adaptiven Icons, das Play-Store-Icon sowie Web-/PWA-Icons – in einer einzigen ZIP-Datei.

Aktualisiert am
Zieh dein Symbolbild hierhin oder klick, um auszuwählen · quadratisches PNG oder SVG, am besten 1024 × 1024 px oder größer
Hier werden Vorschauen angezeigt – abgerundetes Quadrat für iOS, Kreis für Android, Squircle und Favicon.

Deine Daten verlassen nie deinen Computer. Die Verarbeitung erfolgt zu 100 % lokal im Browser.

So nutzt du: App-Icon-Generator

  1. Lade ein quadratisches Bild hoch – am besten ein PNG mit 1024 × 1024 px oder eine SVG-Datei.
  2. Wähle die Plattformen, die Hintergrundfarbe (iOS-Symbole dürfen nicht transparent sein) und optional den Abstand aus.
  3. Schau dir die Vorschauen an und klick auf „ZIP herunterladen“; zieh die Ordner dann in Xcode und Android Studio.

Was ist in der ZIP-Datei enthalten?

  • iOS – AppIcon.appiconset mit allen iPhone- und iPad-Größen (20 bis 1024 px) und einem passenden Contents.json. Zieh es in Assets.xcassets in Xcode und ersetze das vorhandene AppIcon.
  • Android — mipmap-mdpi in mipmap-xxxhdpi Ordner durch ic_launcher.png und ic_launcher_round.png (48–192 px), adaptive Icon-Vordergrund-Ebenen (108–432 px), die XML-Datei in mipmap-anydpi-v26 und die Hintergrundfarben-Ressource. Kopiere die Ordner in app/src/main/res. Dazu das 512 × 512 Play-Store-Symbol.
  • Web / PWA – Favicon-PNGs, das 180-px-Apple-Touch-Icon, 192- und 512-px-Manifest-Icons, ein maskierbares Icon und ein einfügefertiges Manifest-Snippet.

Wichtige Plattformregeln

iOS-Symbole dürfen nicht transparent sein – App Store Connect lehnt Symbole mit einem Alphakanal ab –, daher werden transparente Bereiche mit der Hintergrundfarbe gefüllt. iOS rundet die Ecken selbst ab: Liefere ein quadratisches Bild, runde es nicht selbst ab. Adaptive Android-Icons schneiden den Vordergrund zu Kreisen, Squircles oder abgerundeten Quadraten zu; halte den wichtigen Teil innerhalb der zentralen 66 % (der Sicherheitszone) – genau das bewirkt der Schieberegler für den adaptiven Abstand.

Von Grund auf privat

Die gesamte Größenanpassung erfolgt in deinem Browser mit der Canvas-API; dein Bildmaterial wird niemals hochgeladen.

Auch gesucht als: ios-app-icon-generator, android-icon-generator, appiconset-generator, generator für adaptive symbole, pwa-icon-generator, größen von android-app-symbolen.

Passende Tools zu: App-Icon-Generator

  • PWA Manifest Generator — Make any website an installable PWA.
  • Favicon-Generator — Erstelle aus einem Logo, einem Buchstaben oder einem Emoji ein komplettes Favicon-Paket: eine „favicon.ico“-Datei in verschiedenen Größen, ein Apple-Touch-Icon, Android-/PWA-Icons, einen Webflow-Webclip, das Web-Manifest und die HTML-Tags zum Einfügen.
  • Bildgrößenänderer — Passe die Größe eines Fotos auf exakte Pixelabmessungen oder einen Prozentsatz an, schneide es so zu, dass es die Größe eines Social-Media-Beitrags ausfüllt, oder passe es in einen Rahmen mit einer Hintergrundfarbe ein – alles direkt in deinem Browser.
  • Bildkonverter — Konvertiere jedes Bild, das dein Browser öffnen kann – PNG, JPG, WebP, AVIF, GIF, BMP oder SVG – in PNG, JPG, WebP oder AVIF, egal ob eine Datei oder Hunderte auf einmal.

Häufige Fragen

Wie groß sollte mein Ausgangsbild sein?
Mindestens 1024 × 1024 px, quadratisch. Ein SVG liefert bei jeder Größe die schärfsten Ergebnisse. Kleinere Bilder werden hochskaliert und können bei den größten Symbolen unscharf wirken.
Warum hat mein iOS-Symbol einen weißen Hintergrund?
Apple lässt keine Transparenz bei App-Symbolen zu, daher werden transparente Bereiche mit der von dir gewählten Hintergrundfarbe ausgefüllt. Wähle eine Farbe, die zu deinem Design passt.
Was sind adaptive Android-Symbole?
Seit Android 8 haben Launcher-Symbole eine separate Vorder- und Hintergrundebene, die das System zu verschiedenen Formen überblendet und animiert. Die ZIP-Datei enthält beide Ebenen sowie die XML-Datei, die sie miteinander verknüpft.
Brauche ich mit Xcode 15 immer noch alle iOS-Größen?
Xcode kann Größen aus einem einzigen 1024-px-Symbol generieren, aber mit dem kompletten Satz hast du die Kontrolle über kleine Größen und es werden ältere Bereitstellungsziele unterstützt. Beides funktioniert.
Kann ich App-Icon-Generator als Web-App installieren und offline nutzen?
Ja. App-Icon-Generator ist eine installierbare Web-App (PWA) – sie wird über Ihren Browser installiert und nicht aus einem App-Store heruntergeladen. Klicken Sie oben auf dieser Seite in Chrome oder Edge (Windows, macOS, Linux, ChromeOS) auf „App installieren“ oder verwenden Sie auf Android-Geräten „Teilen“ → „Zum Startbildschirm hinzufügen“ auf dem iPhone und iPad bzw. „Datei“ → „Zum Dock hinzufügen“ in Safari 17+ auf einem Mac. Die App öffnet sich dann in einem eigenen Fenster mit einem eigenen Symbol, und da sie vollständig in Ihrem Browser ausgeführt wird, funktioniert sie auch offline. Firefox auf dem Desktop kann keine Web-Apps installieren. So funktioniert die Installation.

Ähnliche Tools

localPWA Manifest GeneratorMake any website an installable PWA. Fill in the name, colors, display mode and icons to get a valid…localFavicon-GeneratorErstelle aus einem Logo, einem Buchstaben oder einem Emoji ein komplettes Favicon-Paket: eine…localBildgrößenändererPasse die Größe eines Fotos auf exakte Pixelabmessungen oder einen Prozentsatz an, schneide es so zu, dass…localBildkonverterKonvertiere jedes Bild, das dein Browser öffnen kann – PNG, JPG, WebP, AVIF, GIF, BMP oder SVG – in PNG,…localDeep Link File GeneratorCreate the two files that let links to your website open your app — apple-app-site-association for iOS…localOG-BildgeneratorErstelle in Sekundenschnelle ein professionelles Vorschaubild für Links auf Facebook, LinkedIn, X, Slack…