Scharfes Resizing
Jedes Icon wird einmal direkt von Ihrem Original mit einem scharfen Filter vergrößert. Nichts wird von einer bereits kleinen Kopie skaliert.
Kostenlos · Keine Anmeldung · Dateien bleiben auf Ihrem Gerät
Kostenloser App-Icon-Generator für iOS, Android und das Web
Laden Sie ein Bild hoch und laden Sie 41 einsatzbereite Dateien in einer ZIP herunter: ein Xcode-Icon-Set, eine Liquid Glass .icon-Datei, Android-Adaptive-Icons und Web-App-Icons.
Bild ablegen oder zum Auswählen klicken
PNG, JPG, WebP oder SVG, bis zu 10 MB
Exportieren für
41 Dateien in einer ZIP · AppIcon.appiconset · Contents.json · AppIcon.icon · mipmap-* · ic_launcher-playstore.png · manifest.webmanifest · apple-touch-icon.png
- Alle Plattformen in einer ZIP
- Scharf in jeder Größe
- Nichts wird hochgeladen
App-Icons in allen Größen aus einem Bild generieren
1. Laden Sie Ihr Bild hoch
Legen Sie eine PNG, JPG, WebP oder SVG bis zu 10 MB ab. Eine 1024 × 1024 PNG oder eine SVG ergibt die schärfsten Icons.
2. Überprüfen Sie Plattformen und Stil
Jede Plattform ist für Sie ausgewählt. Ändern Sie den Hintergrund, die Abstände oder die Form und überprüfen Sie dann die Geräte-Vorschauen und sicheren Zonen.
3. Eine ZIP herunterladen
Erhalten Sie alle Icons, die Xcode- und Android Studio-Dateien, ein Web-Manifest und eine README mit Installationsschritten.
iOS App-Icon-Generator für Xcode und Liquid Glass
Erhalten Sie ein Xcode-bereites AppIcon.appiconset mit Contents.json und eine AppIcon.icon-Datei für Liquid Glass.
- Ein 1024-px-Bild für Xcode 14 und später oder alle Größen in @2x und @3x
- iPhone-, iPad- und Mac-Icons in einem Set und watchOS in einem eigenen Katalog
- iOS-Icons ohne Alphakanal gespeichert, damit App Store Connect sie akzeptiert
- AppIcon.icon-Datei für Icon Composer und Xcode 26
Android App-Icon-Generator: adaptive, runde und Play Store Icons
Erhalten Sie den res-Ordner, den Android Studio erwartet, bereit zum Kopieren in Ihr Projekt.
- Adaptive Icon-Ebenen in fünf Dichten, von mdpi bis xxxhdpi
- mipmap-anydpi-v26 XML, plus runde und Legacy-Icons
- Eine thematische (einfarbige) Ebene, wenn Ihr Bild ein Logo ist
- 512 × 512 Google Play Store Icon
PWA und maskable Icon Generator
Erhalten Sie die Icons, die eine Web-App benötigt, mit bereits gefülltem Manifest.
- 192- und 512-px-Icons für jeden Zweck
- Separate maskable Icons bei 192, 512 und 1024 px
- 180 × 180 Apple Touch Icon für iPhone-Startbildschirme
- manifest.webmanifest, die alle Icons auflistet
Sie benötigen auch ein Favicon? Nutzen Sie unser Favicon-Generator.
Jede App-Icon-Datei in einer ZIP
41 Dateien mit den Standardeinstellungen, sortiert in Ordner, die direkt in Xcode, Android Studio und Ihre Website passen.
iOS & iPadOS
3 Dateien| Größe | Datei | Zweck |
|---|---|---|
| — | Contents.json | Asset catalog |
| — | AppIcon.appiconset/Contents.json | Xcode icon set |
| 1024×1024 | AppIcon.appiconset/ios-1024.png | iPhone, iPad and App Store |
Liquid Glass (.icon)
2 Dateien| Größe | Datei | Zweck |
|---|---|---|
| — | AppIcon.icon/icon.json | Icon Composer document |
| 2048×2048 | AppIcon.icon/Assets/icon.png | Icon layer |
macOS
7 Dateien| Größe | Datei | Zweck |
|---|---|---|
| 1024×1024 | AppIcon.appiconset/macos-1024.png | Mac 512 pt Retina |
| 512×512 | AppIcon.appiconset/macos-512.png | Mac 256 pt Retina, Mac 512 pt |
| 256×256 | AppIcon.appiconset/macos-256.png | Mac 128 pt Retina, Mac 256 pt |
| 128×128 | AppIcon.appiconset/macos-128.png | Mac 128 pt |
| 64×64 | AppIcon.appiconset/macos-64.png | Mac 32 pt Retina |
| 32×32 | AppIcon.appiconset/macos-32.png | Mac 16 pt Retina, Mac 32 pt |
| 16×16 | AppIcon.appiconset/macos-16.png | Mac 16 pt |
watchOS
3 Dateien| Größe | Datei | Zweck |
|---|---|---|
| — | Contents.json | Asset catalog |
| — | AppIcon.appiconset/Contents.json | Xcode icon set |
| 1024×1024 | AppIcon.appiconset/watchos-1024.png | Apple Watch and App Store |
Android
18 Dateien| Größe | Datei | Zweck |
|---|---|---|
| 48×48 | mipmap-mdpi/ic_launcher.png | Launcher icon (Android 7.1 and earlier) |
| 48×48 | mipmap-mdpi/ic_launcher_round.png | Round launcher icon (Android 7.1) |
| 108×108 | mipmap-mdpi/ic_launcher_background.png | Adaptive icon background |
| 72×72 | mipmap-hdpi/ic_launcher.png | Launcher icon (Android 7.1 and earlier) |
| 72×72 | mipmap-hdpi/ic_launcher_round.png | Round launcher icon (Android 7.1) |
| 162×162 | mipmap-hdpi/ic_launcher_background.png | Adaptive icon background |
| 96×96 | mipmap-xhdpi/ic_launcher.png | Launcher icon (Android 7.1 and earlier) |
| 96×96 | mipmap-xhdpi/ic_launcher_round.png | Round launcher icon (Android 7.1) |
| 216×216 | mipmap-xhdpi/ic_launcher_background.png | Adaptive icon background |
| 144×144 | mipmap-xxhdpi/ic_launcher.png | Launcher icon (Android 7.1 and earlier) |
| 144×144 | mipmap-xxhdpi/ic_launcher_round.png | Round launcher icon (Android 7.1) |
| 324×324 | mipmap-xxhdpi/ic_launcher_background.png | Adaptive icon background |
| 192×192 | mipmap-xxxhdpi/ic_launcher.png | Launcher icon (Android 7.1 and earlier) |
| 192×192 | mipmap-xxxhdpi/ic_launcher_round.png | Round launcher icon (Android 7.1) |
| 432×432 | mipmap-xxxhdpi/ic_launcher_background.png | Adaptive icon background |
| — | mipmap-anydpi-v26/ic_launcher.xml | Adaptive icon (Android 8+) |
| — | mipmap-anydpi-v26/ic_launcher_round.xml | Adaptive round icon (Android 8+) |
| 512×512 | ic_launcher-playstore.png | Google Play listing icon |
PWA / Web
7 Dateien| Größe | Datei | Zweck |
|---|---|---|
| 192×192 | icon-192.png | Manifest icon |
| 512×512 | icon-512.png | Manifest icon |
| 192×192 | icon-maskable-192.png | Maskable manifest icon |
| 512×512 | icon-maskable-512.png | Maskable manifest icon |
| 1024×1024 | icon-maskable-1024.png | Maskable manifest icon |
| 180×180 | apple-touch-icon.png | Apple touch icon (iOS home screen) |
| — | manifest.webmanifest | Web app manifest |
Ein Logo in ein App-Icon verwandeln
Haben Sie ein Logo statt eines fertigen Icons? Der Generator wandelt es in ein korrektes App-Icon für jede Plattform um.
- Entfernen Sie einen einfarbigen Hintergrund mit lokaler KI
- Wählen Sie eine beliebige Hintergrundfarbe oder behalten Sie Transparenz, wo die Plattform dies zulässt
- Fügen Sie Abstände hinzu und wählen Sie eine quadratische, abgerundete oder kreisförmige Form
- Ihr Logo bleibt in der sicheren Zone jeder Plattform, damit kein Launcher es abschneidet
Unscharfe App-Icons reparieren
Unscharfe App-Icons entstehen meist durch ein kleines Quellbild oder durch weiches Resizing. Der Generator vermeidet beides.
Ganze Pixel
Jedes Icon landet auf ganzen Pixeln, daher bleiben Kanten auch bei 29 oder 16 px scharf.
SVG in jeder Größe gezeichnet
Laden Sie eine SVG hoch und jedes Icon wird aus dem Vektor in seiner exakten Größe gezeichnet.
KI-Upscaling für kleine Bilder
Wenn Ihr Bild kleiner als 1024 px ist, erhalten Sie eine Warnung und können es mit lokaler KI um das 2×- oder 4×-Fache vergrößern.
App-Icon-Generator FAQ
Welche Größe sollte ein App-Icon haben?
Laden Sie ein Bild von 1024 × 1024 px oder größer oder eine SVG hoch. Der App Store verwendet 1024 px und Google Play verwendet 512 px, und der Generator erstellt alle anderen Größen für Sie. Siehe die vollständige Größentabelle für App-Icons.
Brauche ich immer noch einen App-Icon-Generator, wenn Xcode die Größen erstellt?
Ja, für die meisten Projekte. Xcode 14 und später benötigen nur ein 1024-px-Bild für iOS und watchOS. Aber macOS benötigt immer noch 10 Größen, Android benötigt fünf Dichten plus das Play Store Icon und Web-Apps benötigen Manifest-Icons. Die ZIP enthält alle davon plus die AppIcon.icon-Datei.
Wie erstelle ich ein Liquid Glass App-Icon für iOS 26?
Laden Sie Ihr aktuelles Icon hoch und laden Sie die ZIP herunter. Ziehen Sie AppIcon.icon in Ihr Xcode 26-Projekt und setzen Sie es als App-Icon. Das System fügt die Liquid Glass-Kanten und die klaren und gefärbten Ansichten hinzu. Um Glaseffekte zur Grafik selbst hinzuzufügen, öffnen Sie die Datei in Icon Composer.
Erstellt es Android-Adaptive- und thematische Icons?
Ja. Sie erhalten Adaptive Icon-Ebenen in fünf Dichten, das mipmap-anydpi-v26 XML, runde und Legacy-Icons und das 512-px-Play Store Icon. Wenn Ihr Bild ein Logo mit transparentem Hintergrund ist, erhalten Sie auch eine thematische (einfarbige) Ebene. Für vollständig ausgeblutete Grafiken erstellen Android 16 QPR2 und später die thematische Version selbst.
Was ist die sichere Zone für Adaptive Icons?
Es sind die mittleren 66 dp der 108-dp-Icon-Ebene. Launcher können alles außerhalb in einen Kreis, Squircle oder andere Form schneiden. Der Generator hält Logos in der sicheren Zone und zeigt sie in der Vorschau.
Kann es maskable Icons für eine PWA erstellen?
Ja. Die ZIP enthält separate „any"- und „maskable"-Icons, ein 180-px-Apple Touch Icon und ein manifest.webmanifest, das alle auflistet. Maskable Icons halten Ihre Grafik in den mittleren 80%, damit keine Form sie abschneidet.
Warum sehen meine App-Icons unscharf aus?
Die üblichen Ursachen sind ein zu kleines Quellbild oder Resizing, das Kanten weich macht. Dieses Werkzeug vergrößert jede Größe einmal mit einem scharfen Filter, zeichnet SVGs in jeder exakten Größe und schlägt KI-Upscaling vor, wenn Ihr Bild unter 1024 px liegt.
Kann ich ein Logo mit transparentem Hintergrund verwenden?
Ja. Behalten Sie die Transparenz oder entfernen Sie einen einfarbigen Hintergrund mit dem integrierten KI-Werkzeug. Icons für iOS, watchOS, Google Play und maskable Web-Icons erhalten Ihre Hintergrundfarbe, da Transparenz dort nicht zulässig ist oder falsch aussieht.
Sollte ich die Ecken meines App-Icons abrunden?
Nein für iOS, watchOS und Google Play. Sie fügen ihre eigene abgerundete Maske hinzu, daher laden Sie ein Quadrat hoch. Die Formeinstellung ändert nur Web-Icons und ältere Android-Icons, und macOS-Icons erhalten automatisch die Standard-Mac-Form.
Welche Bildformate kann ich hochladen?
PNG, JPG, WebP und SVG, bis zu 10 MB. Quadratische Bilder funktionieren am besten. Bilder, die nicht quadratisch sind, werden mit Ihrem gewählten Abstand zentriert.
Wie füge ich die Icons zu Xcode und Android Studio hinzu?
Folgen Sie der README in der ZIP. Für Xcode ziehen Sie AppIcon.appiconset in Assets.xcassets. Für Android Studio kopieren Sie den res-Ordner in app/src/main/res. Für eine Website laden Sie den web-Ordner hoch und fügen zwei Tags zum Head Ihrer Seite hinzu.
Ist dieser App-Icon-Generator kostenlos und werden meine Bilder hochgeladen?
Es ist kostenlos, ohne Anmeldung und ohne Wasserzeichen. Ihre Bilder werden auf Ihrem Gerät verarbeitet und nie hochgeladen.