Favicon Generator
Favicon aus Text, Emoji oder Bild erstellen und das komplette Icon-Set laden
Die Icons entstehen in Ihrem Browser; nichts wird hochgeladen.
Kostenloser Favicon Generator
favicon.ico, Apple Touch Icon, Android-Icons und Manifest mit einem Klick
Ein Favicon ist das kleine Symbol in Browser-Tabs, Lesezeichen, Suchergebnissen und auf dem Smartphone-Startbildschirm. Dieser Generator erstellt aus zwei Buchstaben, einem Emoji oder Ihrem Logo ein vollständiges, modernes Favicon-Set. Wählen Sie Form (Quadrat, abgerundet, Kreis), Farben und Größe und prüfen Sie die Live-Vorschau in hellen und dunklen Tabs. Mit einem Klick laden Sie ein ZIP mit echter Mehrgrößen-favicon.ico (16, 32 und 48 px), PNG-Icons, 180-px-Apple-Touch-Icon, Android-/PWA-Icons in 192 und 512 px und fertiger site.webmanifest. Den HTML-Code in den <head> Ihrer Seite einfügen und die Dateien ins Stammverzeichnis hochladen. Alles läuft im Browser.
Funktionen
Text, Emoji oder Logo
Drei Wege zum Icon
Komplettes Set
ICO, Apple, Android, Manifest
Tab-Vorschau
Helle und dunkle Browser-Tabs
Privat
Auf Ihrem Gerät erstellt
Favicon-Größen erklärt
Dateien im ZIP
- favicon.ico — 16, 32 und 48 px in einer Datei (alle Browser, Google-Suche)
- favicon-16x16.png / favicon-32x32.png — Browser-Tabs
- apple-touch-icon.png — 180×180, iPhone-/iPad-Startbildschirm
- android-chrome-192x192 / 512x512 — Android und PWA
- site.webmanifest — App-Name und Icons für Chrome/Android
Tipps
- 1–2 kräftige Buchstaben nutzen: Details verschwinden bei 16 px
- Hoher Kontrast zwischen Hintergrund und Buchstabe ist am besten lesbar
- Google zeigt Favicons in den Suchergebnissen — Vielfache von 48 px nutzen
- Dateien ins Stammverzeichnis laden und Browser-Cache leeren
Häufig gestellte Fragen
Was ist ein Favicon?
Das kleine Symbol, das eine Website in Tabs, Lesezeichen, Verlauf und Suchergebnissen zeigt. Es macht Ihre Seite auf einen Blick wiedererkennbar.
Welche Favicon-Größen brauche ich?
Eine favicon.ico mit 16, 32 und 48 px, ein 180-px-Apple-Touch-Icon und 192/512-px-Icons für Android decken alle aktuellen Browser und Geräte ab; dieses Tool erstellt alle.
Wie füge ich ein Favicon in meine Website ein?
Die Dateien aus dem ZIP ins Stammverzeichnis hochladen und den HTML-Code in den <head> einfügen. In WordPress geht es auch unter Design → Customizer → Website-Informationen.
Kann ich ein PNG-Logo in ICO umwandeln?
Ja. „Bild“ wählen, Logo ablegen und favicon.ico oder das ganze Set herunterladen. Quadratische Bilder mit etwas Rand liefern das beste Ergebnis.
Warum sehe ich noch das alte Favicon?
Browser speichern Favicons lange im Cache. Cache leeren oder ein privates Fenster nutzen; Google aktualisiert Suchergebnisse oft erst nach Tagen oder Wochen.
Ist die ICO-Datei echt oder ein umbenanntes PNG?
Es ist eine echte Mehrgrößen-ICO-Datei mit 16-, 32- und 48-px-Bildern, direkt im Browser erzeugt.