Alle nötigen Größen
Export in 16, 32, 180, 192 und 512 px — für Browser-Tabs, Lesezeichen, iOS- und Android-Homescreens.
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
Lesezeichenleiste
iOS-Homescreen
Android-Homescreen
Export
Lädt ein ZIP mit PNGs (16–512 px), favicon.ico, site.webmanifest, HTML-Snippet und README. Alles läuft lokal im Browser.
Export in 16, 32, 180, 192 und 512 px — für Browser-Tabs, Lesezeichen, iOS- und Android-Homescreens.
Sieh das Icon in Tab, Lesezeichenleiste und Mobile-Homescreen, bevor du es live schaltest.
Design und Export laufen komplett lokal. Nichts wird auf unsere Server hochgeladen.
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.
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.
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.
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.
Fragen zu Größen oder Deployment? Exportiere oben im Editor oder scanne eine Live-URL mit dem Favicon-Check.