Favicon-HTML-Generator
Das Favicon ist nur die halbe Arbeit – die HTML-Link-Tags entscheiden, welche Datei welcher Browser auswählt. Generieren Sie das vollständige, korrekte Tag-Set mit einem Klick.
For a longer walkthrough with FAQ and troubleshooting, see our step-by-step tutorial.
Ein vollständiges Favicon-Setup umfasst Tags für favicon.ico, eine SVG-Variante, ein apple-touch-icon und PWA-Manifest-Icons. Fehlt auch nur eines davon, zeigt mindestens eine Plattform ein Fallback-Icon.
Tags hier generieren, in den <head> einfügen – fertig.
So funktioniert es
- 1
Favicon generieren
Mit dem Favicon-Generator .ico + PNG + SVG erzeugen.
- 2
Tags kopieren
Den generierten <link>-Block in Ihren <head> einfügen.
- 3
Prüfen
Website in Chrome, Safari, Firefox und Edge öffnen – überall sollte das Icon erscheinen.
Jetzt ausprobieren
HTML-Tags generieren
Favicon-GeneratorFAQ
Welches Tag ist am wichtigsten?+
<link rel="icon" href="/favicon.ico"> – der universelle Fallback.
Brauche ich eine manifest.json?+
Nur, wenn Sie einen vollständigen PWA-Installationsdialog wollen. Ansonsten optional.
Wohin gehört das apple-touch-icon-Tag?+
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">.