ICO oder SVG: welches Favicon-Format?

Kurze Antwort: beide. Das SVG für moderne Browser, das ICO als Rückfallebene.

favicon.ico

• Funktioniert überall – auch in alten Browsern, Feed-Readern und Tools, die einfach /favicon.ico abrufen.
• Enthält mehrere Größen (16, 32, 48 px) in einer Datei. Moderne ICO-Dateien speichern sie als PNG.
• Pixelbasiert: Jede Größe muss eigens gut gerendert sein.

icon.svg

• Vektor: scharf in jeder Größe und auf jedem Display.
• Klein und kann per Media Query einen Dunkelmodus mitbringen – damit ein dunkles Logo auf dunklen Tabs nicht verschwindet.
• Wird von Chrome, Edge und Firefox unterstützt; Safari hat SVG-Favicons lange ignoriert – deshalb braucht es das ICO als Rückfallebene.

So bindest du beide richtig ein

<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/icon.svg" type="image/svg+xml">

Das sizes="32x32" am ICO ist Absicht: Damit wählt Chrome das SVG, sobald es das kann, statt beim ICO zu bleiben.

Und wenn mein Logo kein SVG ist?

Dann bleibt es beim ICO plus den PNG-Icons – völlig in Ordnung, wenn die kleinen Größen sauber gerendert sind. Ein SVG liefert faviconlion nur, wenn du ein SVG hochlädst; aus einem PNG lässt sich kein echtes Vektorbild machen.