Zenn / Kostenlose Tools / Favicon-Generator
Favicon-Generator, aus deinem Logo oder deinen Initialen
Erstelle ein Favicon aus einem Buchstaben oder deinem Logo, sieh es in einem echten Browser-Tab und auf einem Handy-Startbildschirm und lade favicon.ico, jede PNG-Größe, ein Web-Manifest und das HTML in einer ZIP-Datei herunter. Kostenlos, ohne Anmeldung, und nichts verlässt deinen Browser.
Erstellen aus
Buchstaben1 bis 3
Schrift
Form
Hintergrund
Buchstabenfarbe
Größe
Alles passiert auf deinem Gerät. Nichts wird hochgeladen.
In einem Browser-Tab
In den Google-Ergebnissen und auf dem Handy
Northstar Labshttps://northstarlabs.com
Northstar Labs: Software für kleine Teams
Plane, veröffentliche und teile deine Arbeit an einem Ort. Starte heute kostenlos.
iPhone- und Android-Startbildschirme
Deine Dateien
Füge das in <head> ein
Favicon-Größen, die du 2026 brauchst
Du brauchst keine Dutzende Dateien mehr. Diese sieben decken jeden modernen Browser, die Google-Ergebnisse, iPhones, Android-Handys und installierte Web-Apps ab.
| Datei | Größe | Wofür |
|---|---|---|
| favicon.ico | 16, 32 und 48 px | Jeder Browser, alt und neu, und die Google-Suchergebnisse |
| favicon-16x16.png | 16 × 16 px | Browser-Tabs auf normalen Bildschirmen |
| favicon-32x32.png | 32 × 32 px | Browser-Tabs auf scharfen (Retina-)Bildschirmen, Taskleisten |
| favicon-48x48.png | 48 × 48 px | Google-Ergebnisse (Google verlangt ein Vielfaches von 48 px) |
| apple-touch-icon.png | 180 × 180 px | iPhone- und iPad-Startbildschirme. Keine transparenten Stellen |
| android-chrome-192x192.png | 192 × 192 px | Android-Startbildschirme |
| android-chrome-512x512.png | 512 × 512 px | Installierte Web-Apps und Startbildschirme |
Größen, wie Browser und Google sie im November 2026 verlangen.
So erstellst du ein Favicon, das man wiedererkennt
Nimm einen Buchstaben oder dein Symbol
Ein Favicon ist 16 Pixel breit. Ein ganzes Logo mit Schrift wird zum Fleck, nimm also deine Initiale oder nur dein Symbol.
Füll den Platz aus
Kleine Icons brauchen kräftige Formen bis an den Rand. Mach deinen Buchstaben groß und fett und lass dünne Linien weg.
Wähle einen starken Hintergrund
Eine kräftige Farbe fällt zwischen den anderen Tabs auf, im hellen wie im dunklen Modus. Transparente Icons können auf dunklen Tabs verschwinden.
Passe es an deine Marke an
Nutze deine Markenfarbe und -schrift, damit sich Tab, Google-Ergebnis und Icon auf dem Startbildschirm nach dir anfühlen.
Willst du die ganze Marke, nicht nur das Icon?
Zenn zeichnet aus deinem Firmennamen Dutzende Logos, mit Symbolen aus einem echten Designstudio. Das Markenkit enthält dein Favicon, alle Social-Media-Größen, Visitenkarten und einen Markenleitfaden.
Häufige Fragen
Wie groß sollte ein Favicon sein?
Erstelle es in 48 × 48 px mit kleineren Kopien in 32 und 16 px, alle zusammen in der favicon.ico. Dazu ein Apple Touch Icon mit 180 px für iPhones und Icons mit 192 und 512 px für Android und Web-Apps. Dieser Generator erstellt alle auf einmal.
Brauche ich noch eine favicon.ico?
Ja. Browser suchen immer noch nach /favicon.ico im Hauptverzeichnis deiner Website, und Google nutzt sie oft in den Suchergebnissen. Moderne Browser lesen auch die PNG-Dateien, deshalb enthält das Paket beides.
Wie füge ich ein Favicon zu meiner Website hinzu?
Lade die Dateien aus dem ZIP in den Hauptordner deiner Website und füge die fünf HTML-Zeilen von oben in den head jeder Seite ein. Bei Squarespace, Wix, Shopify oder WordPress lädst du stattdessen das 512-px-PNG in der Einstellung für Website-Icon oder Favicon hoch.
Warum wird mein neues Favicon nicht angezeigt?
Browser speichern alte Favicons eine Weile, öffne deine Website also zum Prüfen in einem privaten Fenster. Google aktualisiert das Icon in den Suchergebnissen, wenn es deine Startseite das nächste Mal crawlt, und das kann ein paar Tage dauern.
Ist dieser Favicon-Generator kostenlos?
Ja. Er ist kostenlos, ohne Anmeldung und ohne Wasserzeichen, und dein Logo verlässt nie dein Gerät. Alles wird in deinem Browser gezeichnet.
Sollte mein Favicon das ganze Logo zeigen?
Meist nicht. Bei 16 Pixeln wird ein Logo mit Schrift zum Fleck. Nimm deinen ersten Buchstaben, deine Initialen oder nur dein Symbol, groß und kräftig auf einem einfarbigen Hintergrund.
Kann Zenn auch mein Logo machen?
Ja. Gib auf zenn.com den Namen deines Unternehmens ein und Zenn zeichnet Dutzende Logos mit Symbolen aus einem echten Designstudio. Das Markenkit enthält dein Favicon, jede Social-Media-Größe, Visitenkarten und einen Markenleitfaden.