Bild / App-Symbole
Liquid-Glass-Symbolgenerator für Icon Composer
Verwandle eine PNG- oder SVG-Vordergrundgrafik in ein Liquid-Glass-.icon-Bundle für Icon Composer und Xcode 26. Wähle Hintergrundfarbe und Abstand, vergleiche ungefähre helle, dunkle, getönte und klare Vorschauen und exportiere ein zusammengeführtes 1024 × 1024 PNG.
Liquid-Glass-Symbolgenerator für Icon Composer: Hält eine Vordergrundgrafik getrennt von dem automatischen Hintergrundverlauf, den Icon Composer bereitstellt. Die Grafik wird mit deinem festgelegten Abstand zentriert und als .icon-Bundle in einer ZIP-Datei verpackt. Die Vorschauen im Browser zeigen abgerundete Quadrate und einen Kreis für die Apple Watch sowie ungefähre getönte und klare Modi. Das zusammengeführte PNG verwendet die ausgewählte einfarbige Grundfarbe und enthält keine Glasmaterialien. Die Steuerelemente für Vorschauform und Darstellung ändern die Einstellungen des Bundles nicht. Läuft zu 100% lokal in deinem Browser, ohne Datei-Uploads zum Server.
- Kategorie
- Bildwerkzeuge
- Ausführungen
- In deinem Browser
- Kosten
- Kostenlos · ohne Anmeldung
- Verfügbarkeit
- Einsatzbereit
Läuft vollständig in deinem Browser
Liquid Glass ist Apples Designsprache, die mit iOS 26 eingeführt wurde. App-Symbole verwenden Ebenen und Materialien, die sich an ihre Darstellung und Umgebung anpassen. Apple-Entwicklerdokumentation · Human Interface Guidelines
Ziehe dein Bildmaterial hierher oder durchsuche deine Dateien. Transparente Grafiken funktionieren am besten. Bis zu 20 MB.
Icon Composer füllt den Hintergrund mit einem automatischen Farbverlauf aus deiner Farbe. Diese Vorschauen und das abgeflachte PNG verwenden eine einfarbige Basis; passe den endgültigen Farbverlauf in Icon Composer an.
Die Vorschau ist eine Annäherung; das endgültige Erscheinungsbild wird von iOS gerendert. Formen sowie getönte und klare Darstellungen sind Illustrationen und nicht Apples Materialdarstellung.
Entpacke die ZIP-Datei, öffne AppIcon.icon in Icon Composer für Xcode 26, überprüfe Materialien und Darstellungen und füge dann das .icon-Bundle zu deinem Xcode-Projekt hinzu. Verwende das abgeflachte PNG in einem Asset-Katalog für ältere Ziele. Apples Anleitung zu Icon Composer
Dieser Generator behält eine Vordergrundebene über der Hintergrundfüllung bei. Er bearbeitet weder Ebenentiefe noch Brechung, Glanzlichter oder Schatten. Füge weitere Ebenen in Icon Composer hinzu und passe sie dort an. Die Vorschau-Steuerelemente ändern die Darstellungseinstellungen des Bundles nicht.
Dein Bild bleibt in deinem Browser. Es wird nichts hochgeladen.
Liquid Glass und App-Icon-Design
Apple beschreibt Liquid Glass und anpassbare App-Icons in der Entwicklerdokumentation und den Human Interface Guidelines. Befolge diese Vorgaben, damit das Icon auf verschiedenen Plattformen und in unterschiedlichen Darstellungen wiedererkennbar bleibt. https://developer.apple.com/documentation/technologyoverviews/liquid-glass und https://developer.apple.com/design/human-interface-guidelines/app-icons
Icon Composer und Xcode
Icon Composer unterstützt mehrschichtige Grafiken und Anpassungen der Materialien. Öffne und überprüfe das extrahierte .icon-Bundle dort, bevor du es zu deinem Xcode-Projekt hinzufügst. Dieser Generator stellt eine Vordergrundebene und einen automatischen Hintergrundverlauf auf Grundlage deiner Farbe bereit. https://developer.apple.com/icon-composer/ und https://developer.apple.com/documentation/Xcode/creating-your-app-icon-using-icon-composer
So benutzt du es
- Wähle eine Vordergrundgrafik, idealerweise ein transparentes PNG oder SVG, und lege den Abstand sowie die Hintergrundfarbe fest.
- Vergleiche helle und dunkle Startbildschirme, Plattformformen sowie ungefähre getönte und klare Darstellungen.
- Lade die .icon-ZIP-Datei herunter und entpacke sie. Öffne das Bundle in Icon Composer, überprüfe die endgültige Darstellung und füge es deinem Xcode-Projekt hinzu. Für ältere Zielsysteme kannst du ein zusammengeführtes PNG herunterladen.
Datenschutz & Einschränkungen
Bilder werden in deinem Browser dekodiert und exportiert. Deine Grafik wird nicht hochgeladen.
Ähnliche Tools
Häufige Fragen
Was ist Liquid Glass?
Liquid Glass ist Apples Designsprache, die mit iOS 26 eingeführt wurde. App-Symbole können Ebenen und Materialien verwenden, die sich an unterschiedliche Darstellungen anpassen. Diese Seite erstellt ein Ausgangs-Bundle; das Betriebssystem rendert die endgültige Darstellung.
Wie verwende ich den Download in Xcode 26?
Entpacke die ZIP-Datei und öffne das AppIcon.icon-Bundle in Icon Composer. Überprüfe und speichere das Symbol dort. Füge anschließend das .icon-Bundle zu deinem Xcode-Projekt hinzu und wähle es als App-Symbol aus. Apples Anleitung zu Icon Composer erklärt die Einrichtung des Projekts.
Unterstützt dieser Editor eine mehrschichtige Tiefenwirkung?
Er stellt eine Vordergrundebene über der Hintergrundfüllung bereit. Mehrere Ebenen, Tiefenwirkung, Brechung, Glanzlichter oder Schatten kannst du damit nicht bearbeiten. Füge Ebenen hinzu und passe die Materialien in Icon Composer an.
Entsprechen die Vorschauen der endgültigen iOS-Darstellung?
Nein. Die Formen mit abgerundetem Quadrat und Kreis sowie die getönten und klaren Effekte sind ungefähre Vorschauen. Die endgültige Darstellung wird von iOS gerendert. Der Browser und das zusammengeführte PNG verwenden eine einfarbige Hintergrundfarbe; den automatischen Verlauf stellt Icon Composer bereit.
Kostenloses Tool · läuft in deinem browser · kein Konto nötig