Plattformübergreifende Vorschauen
Prüfe das gleiche Icon als Favicon, Apple Touch Icon, Android-Home-Icon, macOS-Dock-Icon und Windows-Taskleisten-Icon.
Erstelle hochwertige App-Icons für iOS, macOS, Browser und PWAs
IconBase verwandelt ein einzelnes Logo in ein Apple-inspiriertes Icon-System und zeigt sofort, wie es in Browser-Tabs, mobilen Homescreens, dem macOS Dock und Desktop-Oberflächen aussieht.
Ein Logo hochladen, Icons für alle Plattformen erzeugen
Favicon-, Desktop- und Mobile-Icons sofort im Vergleich sehen
Browser
Desktop
Mobile
Generator ausprobieren
Lade ein Logo hoch, wähle einen Hintergrund, passe Abstände an und prüfe die Darstellung in Browser-Tabs, mobilen Homescreens, dem macOS Dock und der Windows-Taskleiste.
Live-Vorschau
Der gleiche Icon-Zustand wird gleichzeitig in Browser-, Desktop- und Mobile-Vorschauen dargestellt.
Browser-Tab-Vorschau
IconBase
IconBase (Dark)
Google Search
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
Uploads, Vorlagen, Radius und Export werden in einem Panel gebündelt.
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%
Glass Glow
Vollfarben
Verläufe
Mesh & Grid
Glas-Effekte
Muster
Glow
Im Zip enthalten:
favicon-16x16.png16x16
favicon-32x32.png32x32
apple-touch-icon.png180x180
android-chrome-*.png192/512
icon-maskable-*.png512x512
icon-sharp-512x512.png512 / Scharf
desktop-*.png256/1024
site.webmanifestJSON
Apple-inspirierte Formgebung
Nutze abgerundete Rechtecke, Verläufe, Mesh, Glas-Effekte und Muster, damit dein Logo auch in kleinen Größen gut lesbar bleibt.
Ein Export für echte Projekte
Das Paket enthält PNG-Größen, favicon.ico, Apple-Touch-Icon, Android-Dateien, Maskable Icons, Desktop-PNGs und ein Webmanifest.
So funktioniert IconBase
1. Logo hochladen
PNG, SVG, JPG und WEBP werden unterstützt. Alles bleibt im Browser.
2. Optik abstimmen
Wähle Hintergrund, Abstand und Radius, bis das Icon in allen Vorschauen ausgewogen wirkt.
3. Icon-Paket exportieren
Lade ein Zip mit Favicon-, Apple-, Android-, Desktop- und Manifest-Dateien herunter.
Häufige Fragen
Wird mein Bild auf einen Server hochgeladen?
Nein. Die Verarbeitung läuft im Browser per Canvas, daher bleibt dein Bild lokal.
Welche Dateien sind im Export enthalten?
Das Zip enthält Favicon-PNGs, favicon.ico, apple-touch-icon.png, Android-Chrome-Dateien, Maskable Icons, Desktop-PNGs und site.webmanifest.
Kann ich das Tool für Websites und App-Konzepte nutzen?
Ja. Es eignet sich sowohl für Favicon-Pakete als auch für iOS- und macOS-inspirierte App-Icon-Studien.