Erzeuge iOS-inspirierte App-Icons mit Apple-artiger Rundung und mobiler Vorschau

Diese Seite ist ideal, wenn dein Hauptziel ein iOS App Icon, ein Apple Touch Icon oder ein iPhone-Homescreen-Mockup ist.

Ein Logo hochladen, Icons für alle Plattformen erzeugen

Favicon-, Desktop- und Mobile-Icons sofort im Vergleich sehen

Original logo
Originales Logo
Browser
Desktop
Mobile
Erzeugte Icons

Generator ausprobieren

Diese Seite fokussiert sich auf iOS App Icons, Apple Touch Icons und iPhone-ähnliche Homescreen-Vorschauen.

Live-Vorschau

Neben Browser- und Desktop-Kontexten steht hier die iPhone-Homescreen-Vorschau im Mittelpunkt.

Browser-Tab-Vorschau

IconBase
IconBase (Dark)
iconbase.7-image.com

macOS-Dock-Vorschau

App

Windows-Taskleisten-Vorschau

App
10:00

Mobile-Home-Screen-Vorschau

9:41
IconBase
App
App
App
10:00
Search...
App
App
App
IconBase

Einstellungen und Export

Passe Logo, Padding und Rundung an, bis das Icon auf iPhone-Flächen natürlich wirkt.

Bild ändern

Standardmäßig ist ein Beispielbild geladen. Lade dein eigenes Logo hoch, um echte Exporte zu prüfen.

Bildanpassung

Passe das hochgeladene Motiv vor dem Export fein an.

Standard Rounded
20%
22.5%
0%
Mitte = 0

Verschiebe das hochgeladene Bild relativ zu seinem Mittelpunkt mit X/Y-Offsets.

0%
0%
Lime Mint

Vollfarben

Verläufe

Mesh & Grid

Glas-Effekte

Muster

Glow

Im Zip enthalten:

favicon-16x16.png16x16
favicon-32x32.png32x32
favicon.ico32x32
apple-touch-icon.png180x180
android-chrome-*.png192/512
icon-maskable-*.png512x512
icon-sharp-512x512.png512 / Scharf
desktop-*.png256/1024
site.webmanifestJSON

Apple-artige Rounded-Square-Optik

Teste schnell, wie dein Logo als iOS-typisches Rounded-Square-Icon wirkt.

Live-Vorschau auf dem iPhone

Sieh sofort, ob Kontrast, Padding und Gewichtung auf einem Homescreen funktionieren.

Apple-freundlicher Export

Das Paket enthält apple-touch-icon.png und bleibt gleichzeitig für Web- und andere Plattformdateien kompatibel.

So erstellst du ein iOS-Icon

1. Logo hochladen

Starte mit deinem App-Zeichen, Glyph oder Brand-Symbol.

2. Rundung und Abstand justieren

Bringe das Icon optisch ins Gleichgewicht, damit es im Rounded Square sauber sitzt.

3. Apple-Dateien exportieren

Lade ein Zip mit Apple Touch Icon und den ergänzenden Web-Dateien herunter.

iOS-Icon FAQ

Ist diese Seite nur für native iOS-Apps gedacht?

Nein. Sie eignet sich ebenso für Apple Touch Icons, PWA-Installationssymbole und Branding-Mockups.

Warum ist Padding bei iOS-Icons so wichtig?

Wenn ein Logo den Rounded Square zu stark füllt, wirkt es auf dem Homescreen schnell gedrängt. Etwas Luft verbessert die Balance.

Kann ich vor dem Export prüfen, wie es aussieht?

Ja. Die Vorschauen werden live aktualisiert, bevor du das Zip erzeugst.