App-Icon für iOS und Android erstellen
Beginne mit einem klaren Symbol, bereite die Quelle vor und exportiere Ressourcen für einen Gerätetest. Die Anleitung führt vom Entwurf zur Integration.
Was ist ein App-Icon?
Es kennzeichnet die App auf dem Startbildschirm, in der Suche und im Store. Anders als Favicon oder vollständige Wortmarke muss es klein erkennbar bleiben und zur Form jeder Plattform passen.
Icon gestalten
Zeichne vektorbasiert oder beginne mit einfacher Illustration. Prüfe Lesbarkeit vor Dekoration.
Einen Mittelpunkt wählen
Nutze ein markantes Symbol oder einen Buchstaben. Entferne Details und lange Schrift, die klein verschwinden.
Silhouette klären
Trenne Motiv und Hintergrund mit Form und Farbe. Halte wichtige Inhalte vom Rand fern.
Echte Größen prüfen
Vergleiche Startbildschirmgröße auf hellen und dunklen Hintergründen. Passe die Quelle vor dem Export an.
Noch kein Ausgangssymbol? App-Logo-Maker erkunden
Ohne Designsoftware beginnen
Nutze ohne fertige Grafik eine eigene, im Browser bearbeitbare Vorlage. Sie verwendet denselben Vorschau- und Exportbereich unten.
Vorlage wählen
Vergleiche Orbit, Stack und Signal als eigene nicht exklusive SVG-Ausgangspunkte.
Initialen und Farben ändern
Nutze ein oder zwei lateinische Buchstaben oder Ziffern, wähle Hintergrund und Akzent und halte kleinen Text kontrastreich.
Vor dem Export prüfen
Öffne die Vorlage, wähle Plattformen und kontrolliere Masken und kleine Ansichten vor dem ZIP.
Quelle je Plattform vorbereiten
iOS: ein undurchsichtiges Quadrat
Bereite ein PNG mit 1024 × 1024 px und vollem Hintergrund vor. Baue keine Außenecken ein. iOS-Export legt es in AppIcon.appiconset für Xcode.
iOS-Anleitung ansehenAndroid: Vordergrund und Hintergrund
Adaptive Icons nutzen getrennte 108 × 108-dp-Ebenen. Halte das Motiv im mittigen 66 × 66-dp-Bereich. Transparenter Vordergrund erleichtert einen separaten Farb- oder Bildhintergrund.
Adaptive Android-Anleitung ansehenIcon-Größen prüfen · Apples Xcode-Dokumentation · Android-Dokumentation für adaptive Icons
Mit dem Generator erstellen
Nutze den Bereich unten nach der Quellenvorbereitung. Ein gemeinsames Design kann iOS-Katalog und Android-Ressourcen erzeugen.
Original exportieren
Speichere ein klares 1024 × 1024-px-PNG. Für Android adaptiv erleichtert ein transparenter Vordergrund die Trennung.
Hochladen und Plattformen wählen
Lade die Datei und aktiviere iOS, Android oder beide.
Vorschau kontrollieren
Stelle Android-Hintergrund und Vordergrundgröße ein. Das wichtige Motiv soll in die sichere Zone passen.
ZIP herunterladen
Exportiere die Dateien. Das ZIP enthält AppIcon.appiconset und Android-res/mipmap-Ressourcen.