Favicon-Generator
Lade dein Logo einmal hoch und erhalte das komplette Icon-Paket für Browser, iOS und Android – mit einstellbarem Innenabstand, Hintergrund und abgerundeten Ecken. Enthalten sind die .ico-Datei und der HTML-Code für deinen <head>.
Zu 100 % in deinem Browser verarbeitet
Enthält: favicon.ico, PNG 16/32/180/192/512, site.webmanifest
Ctrl + Enter ausführenCtrl + C Ergebnis kopieren
So funktioniert es
- 1Ziehe dein Logo hierher (am besten quadratisch, ab 512 px, PNG oder SVG).
- 2Passe Hintergrund, Innenabstand und Ecken an und prüfe die Vorschau in mehreren Größen.
- 3Kopiere den HTML-Code und füge ihn in den <head> deiner Website ein.
- 4Lade das ZIP herunter und lege alle Dateien im Stammverzeichnis ab.
Anwendungsfälle
- Einer neuen Website ein Icon in Tabs, Lesezeichen und Suchergebnissen geben.
- Das Home-Bildschirm-Icon für iPhone und Android erzeugen.
- PWA-Anforderungen mit Manifest und 192/512-Icons erfüllen.
- Das Favicon nach einem Rebranding aktualisieren.
Häufig gestellte Fragen
Welche Dateien brauche ich wirklich?
Mindestens favicon.ico im Stammverzeichnis, ein 32×32-PNG, das 180×180-apple-touch-icon und die Icons mit 192 und 512 px samt Manifest, wenn deine Seite installierbar sein soll.
Warum hat das Apple Touch Icon einen Hintergrund?
iOS füllt transparente Bereiche schwarz. Deshalb wird dieses Icon immer mit Vollton-Hintergrund in deiner gewählten Farbe erzeugt.
Wie groß sollte mein Logo sein?
Je größer, desto besser: 512×512 px oder mehr. Favicons werden sehr klein angezeigt – nimm ein einfaches Logo mit gutem Kontrast.
Werden meine Bilder hochgeladen?
Nein. Die Icons entstehen im Browser, und die .ico-Datei wird lokal gebaut.