Favicon Generator
Erstelle ein Favicon-Set (16, 32, 48, 180 px) aus einem Buchstaben oder einer Emoji auf beliebiger Hintergrundfarbe, direkt lokal in deinem Browser.
Deine Eingaben werden in deinem Browser verarbeitet und nicht an unsere Server übertragen. Hinweis: Drittanbieter-Ressourcen (z. B. Werbung und Analyse von Google/Cloudflare) sowie ein freiwilliger PayPal-Spendenlink können beim Laden bzw. Anklicken Daten übertragen. Browser-Erweiterungen oder -Plugins können sichtbare Inhalte in den Eingabefeldern mitlesen.
Ergebnis erscheint hier …
Video: So nutzt du dieses Tool
Das Video wird von YouTube gehostet. Beim Abspielen können Daten an Google übertragen werden.
Favicon-Set aus Zeichen oder Emoji erstellen
Der Favicon-Generator erstellt aus einem Buchstaben, Textkürzel oder Emoji ein komplettes Favicon-Paket in den gängigen Größen 16, 32, 48 und 180 Pixel (Apple-Touch-Icon). Du wählst die Hintergrund- und Zeichenfarbe frei. Das Ergebnis wird direkt in deinem Browser generiert, ohne dass Daten an einen Server übertragen werden.
Welche Dateien werden erzeugt?
- favicon-16.png, favicon-32.png, favicon-48.png: die klassischen Browser-Icons.
- apple-touch-icon.png (180 px): das Icon für den Home-Bildschirm auf iOS und Android.
So verwendest du das Ergebnis
Lade die erzeugten PNG-Dateien in das Wurzelverzeichnis oder den /assets/img/-Ordner deiner Webseite. Das Tool zeigt dir außerdem den passenden <link>-Code an, den du in den <head>-Bereich deiner HTML-Seite einfügen kannst.
Tipps für ein gutes Icon
- Wähle ein einzelnes Zeichen oder kurzes Kürzel, das auch klein noch lesbar ist.
- Nutze einen hohen Farbkontrast zwischen Hintergrund und Zeichen.
- Emojis funktionieren direkt, darstellungsabhängige Fonts zeigen Buchstaben meist zuverlässig.
- Ein randloses Quadrat wirkt auf mobilen Home-Bildschirmen am saubersten.
Hinweis
Die Emoji-Darstellung hängt vom Betriebssystem und Browser des Betrachters ab. Für maximale Konsistenz über Geräte hinweg eignet sich ein einfaches Schriftzeichen mit fester Farbe besonders gut.
Häufige Fragen
Warum heißt die Datei apple-touch-icon.png?
Dieser Dateiname wird von iOS und Android auf dem Home-Bildschirm automatisch als App-Icon verwendet, wenn sich die Datei im Verzeichnis der Webseite befindet.
Welche Größen brauche ich für mein Favicon?
Für moderne Browser genügen oft 32 und 180 Pixel. Das Tool liefert zusätzlich 16 und 48 Pixel für ältere Kontexte und Vollständigkeit.
Werden meine Angaben gespeichert?
Nein. Das Icon wird lokal in deinem Browser erzeugt. Es werden keine Daten übertragen oder gespeichert.
Kein Konto nötig. Warum lokale Tools ohne Anmeldung und Upload bei Datenlecks die sicherere Wahl sind, und welche Aufgaben du so erledigen kannst: Ein Konto nur fürs Bildzuschneiden?