Alle kostenlosen Tools

Favicon- & App-Icon-Generator

Aus einem Logo ein Icon-Paket für Ihre Website, iOS und Android erstellen. Mit Zuschnitt und Vorschau.

  • Kostenlos
  • Ohne Anmeldung
  • Dateiverarbeitung im Browser
Ein Logo. Alle Icon-Größen.Ihre Datei bleibt auf Ihrem Gerät.

1. Logo & Einstellungen

PNG · JPG · WebP
Logo hier ablegenoder eine Datei auswählen · bis 20 MB / 40 MP
Icon-Gestaltung

Das komplette Motiv bleibt erhalten.

8 %
#FFFFFFDeckend für iOS & Website
Gewünschte Pakete

2. Vorschau & Download

Live-Vorschau
Vom Browser-Tab bis zum Homescreen
Website
iOS
Android · rund
Android · abgerundet
Ihre Website

Laden Sie ein Logo hoch, um Ihre Icons in verschiedenen Formen zu sehen.

Das steckt in Ihrem ZIP
  • Echte favicon.ico, 7 PNGs, Webmanifest & HTML-Tags
  • 18 PNGs für iPhone, iPad & App Store mit Contents.json
  • 16 PNGs, adaptive XMLs & Hintergrundfarbe
  • Einbauanleitung für die ausgewählten Plattformen
41 PNG-Dateien · ohne Anmeldung

Tipp: Ein transparentes PNG liefert meist das beste Ergebnis. Android erhält eine separate transparente Vordergrundebene mit Platz für verschiedene Icon-Formen.

So funktioniert’s

01

Logo auswählen

Ein JPG-, PNG- oder WebP-Bild auswählen. Ein hochauflösendes Logo mit transparentem Hintergrund eignet sich besonders gut.

02

Darstellung anpassen

Zuschnitt, Randabstand und Hintergrundfarbe einstellen. Die Darstellung in verschiedenen Iconformen prüfen.

03

Pakete herunterladen

Web, iOS und Android nach Bedarf auswählen. Das ZIP enthält die Icondateien, Konfigurationen und eine Einbauanleitung.

Häufige Fragen

Welche Dateien enthält das Web-Paket?

Das Web-Paket enthält ein favicon.ico mit mehreren Größen, PNG-Favicons, ein Apple Touch Icon, Web-App-Icons und eine Manifest-Datei. Die beiliegende Anleitung zeigt die Einbindung in Ihre Website.

Sind die App-Icons direkt einsetzbar?

Das iOS-Paket enthält einen AppIcon-Asset-Katalog mit quadratischen PNGs. Das Android-Paket enthält klassische Launcher-Icons und separate Ebenen für adaptive Icons. Die Dateien müssen noch in das jeweilige Projekt eingebunden und auf Geräten geprüft werden. Store-Screenshots und zusätzliche Designvarianten sind nicht Teil des Pakets.

Warum sehen Android-Icons je nach Gerät anders aus?

Android-Launcher können adaptive Icons mit unterschiedlichen Masken darstellen. Der Generator zeigt verschiedene Formen zur Orientierung und hält wichtige Inhalte im sicheren Bereich des adaptiven Icons.

Wie groß sollte mein Originalbild sein?

Für ein scharfes Ergebnis bis 1024 × 1024 Pixel empfiehlt sich ein entsprechend großes Original. Ein kleineres Bild lässt sich technisch vergrößern, bekommt dadurch aber keine zusätzlichen Details.

Wird mein Logo irgendwo gespeichert?

Der Generator verarbeitet das ausgewählte Logo lokal im Browser. Das Bild wird für die Erstellung der Icons nicht an einen Server übertragen.

Dieses Werkzeug ist ein kleiner Teil unserer Arbeit. OnLouis entwickelt Websites, Software und Apps, die Ihre täglichen Aufgaben einfacher machen.

Mehr zu App-Entwicklung