Zum Hauptinhalt springen

Favicon Generator

Favicon im Browser gestalten. Icon wählen, Farben und Padding anpassen, alle Größen in der Vorschau sehen und PNGs exportieren.

512×512px Vorschau·Icon·search

Im Kontext

Browser-Tab

opengraph-check.com

Lesezeichenleiste

opengraph-check.com

iOS-Homescreen

opengraph-check.com

Android-Homescreen

opengraph-check.com

Export

Lädt ein ZIP mit PNGs (16–512 px), favicon.ico, site.webmanifest, HTML-Snippet und README. Alles läuft lokal im Browser.

Warum Favicons hier generieren?

Alle nötigen Größen

Export in 16, 32, 180, 192 und 512 px — für Browser-Tabs, Lesezeichen, iOS- und Android-Homescreens.

Kontext-Vorschau

Sieh das Icon in Tab, Lesezeichenleiste und Mobile-Homescreen, bevor du es live schaltest.

Privat im Browser

Design und Export laufen komplett lokal. Nichts wird auf unsere Server hochgeladen.

So erstellst du ein Favicon

Ein Favicon ist das kleine Icon in Tabs, Lesezeichen und auf dem Homescreen. Ein klares quadratisches Markenzeichen macht deine Site leichter wiedererkennbar — auch bei vielen offenen Tabs.

Welche Größen exportieren?

Starte mit 32×32 und 180×180 für Tabs und iOS. Ergänze 192×192 und 512×512 für Android und PWA-Manifeste. 16×16 hilft bei legacy Clients und dichten UI-Flächen.

Icons vs. eigenes Artwork

Nutze den Icon-Picker für einfache Markenzeichen oder lade quadratisches PNG-, WebP- oder SVG-Artwork hoch. Wichtige Details zentrieren — Ecken werden auf manchen Plattformen abgerundet.

So deployst du die Dateien

PNGs auf deiner Domain hosten und in HTML per link rel icon, apple-touch-icon und Web-App-Manifest einbinden. Danach mit unserem Favicon-Check prüfen, ob Crawler alle Dateien sehen.

Schon live? Bestehende Site prüfen mit unserem Favicon-Check.

Favicon Generator FAQ

Fragen zu Größen oder Deployment? Exportiere oben im Editor oder scanne eine Live-URL mit dem Favicon-Check.

Ja. Das ZIP-Paket enthält favicon.ico plus PNGs in 16, 32, 180, 192 und 512 px, ein site.webmanifest und fertige HTML-link-Tags zum Kopieren.