Favicon-Generator

Ein Favicon ist das kleine Symbol in Browser-Tabs, Lesezeichen und Google-Suchergebnissen; auf Smartphones wird es zum Icon Ihrer Website auf dem Home-Bildschirm. Jede Plattform verlangt eigene Dateien, deshalb ist ein modernes Favicon kein einzelnes Bild, sondern ein kleines Set aus Grafiken und einem Web-App-Manifest.

Laden Sie ein Logo als PNG, JPG, WebP oder SVG hoch und schneiden Sie es quadratisch zu – oder gestalten Sie ein Icon aus einem Buchstaben oder Emoji. Anschließend passen Sie jede Plattform separat an: Hintergrund und Ecken für Desktop-Browser und Google, ein deckender Hintergrund und Rand für den iPhone-Home-Bildschirm und ein maskierbares Icon für Android, das Ihr Logo in der sicheren Zone hält. Die Live-Vorschau zeigt Browser-Tabs im hellen und dunklen Modus, die Lesezeichenleiste, ein Google-Ergebnis sowie die Home-Bildschirme von iOS und Android mit Kreis-, Squircle- und abgerundeter Maske.

Das ZIP folgt den aktuellen Best Practices: favicon.ico mit 16, 32 und 48 px, favicon.svg, wenn Ihre Vorlage ein SVG ist (auf Wunsch mit Anpassung an den Dunkelmodus), favicon-96x96.png, ein apple-touch-icon.png mit 180×180, Manifest-Icons mit 192 und 512 px sowie site.webmanifest. Kopieren Sie den HTML-Code oder folgen Sie der Anleitung für Next.js, React/Vite oder WordPress und testen Sie das Ergebnis anschließend mit unserem Favicon-Checker. Alles wird direkt in Ihrem Browser erzeugt.