Favicon-Generator

Bild oder Text → ein komplettes Favicon-Set in einem ZIP. Echtes .ico, PWA-Manifest und einfügefertiges HTML.

Browser-Tab
My Site — Home
iOS-Startbildschirm
PWA-Installation

Was ist dieser Favicon Generator?

Dieser kostenlose Favicon Generator verwandelt jedes Bild, Emoji oder kurzen Text in ein komplettes Favicon-Set — Multi-Size-PNGs, eine echte Multi-Resolution-.ico, ein Apple-Touch-Icon, ein site.webmanifest, browserconfig.xml und ein einfügebereites HTML-Snippet, alles in einer ZIP gepackt, alles in deinem Browser generiert.

Wie generiere ich kostenlos ein komplettes Favicon-Set?

Lege ein Bild ab oder gib ein bis drei Zeichen ein, wähle Hintergrund- und Vordergrundfarben, dann lade die ZIP herunter. Sie enthält jede Favicon-Größe, die moderne Browser und PWAs benötigen, sowie das HTML-Snippet zum Einfügen in den Head.

Wichtige Funktionen

Jede moderne Größe
16, 32, 48, 96, 192 und 512 Pixel PNGs, ein 180 Pixel Apple-Touch-Icon und eine echte Multi-Resolution favicon.ico — deckt Browser, iOS-Startbildschirme und Android-PWAs ab.
Bild- oder Text-Quelle
Lege ein Logo, Foto oder SVG ab; oder wechsle zum Text-Tab und gib ein bis drei Zeichen oder ein Emoji ein. Beide Modi produzieren dieselbe komplette Ausgabe.
Hintergrund-, Ecken- und Padding-Kontrollen
Wähle Hintergrund- und Vordergrundfarben, setze abgerundete Ecken mit dem Radius-Slider und reserviere Padding, damit das Icon bei 16 Pixeln scharf bleibt.
PWA-fertige ZIP
Die ZIP enthält site.webmanifest mit korrekten Icon-Einträgen, browserconfig.xml für Windows-Kacheln und das exakte HTML-Snippet zum Einfügen in den Head jeder Seite.

So funktioniert es

Wähle eine Quelle — Bild oder Text. Tune Hintergrund, Vordergrund und Radius, bis der Preview-Tab, die iOS-Kachel und die PWA-Kachel alle richtig aussehen. Wenn du zufrieden bist, drücke Favicon-ZIP herunterladen. Entpacke ins Projekt-Root und füge das HTML-Snippet aus der enthaltenen README in deinen Head ein.

Häufig gestellte Fragen

Welche Größen erzeugt der Favicon Generator?

16, 32, 48, 96, 192 und 512 Pixel PNGs, ein 180 Pixel Apple-Touch-Icon und eine echte Multi-Resolution favicon.ico mit 16, 32 und 48 Pixel Einträgen — plus site.webmanifest und browserconfig.xml.

Kann ich ein Favicon aus Text oder einem Emoji erstellen?

Ja. Wechsle zum Text-Tab, gib ein bis drei Zeichen ein oder füge ein Emoji ein, wähle dann Hintergrundfarbe, Vordergrundfarbe und Eckradius.

Wohin geht mein Bild?

Nirgendwohin. Das Bild wird in einen lokalen Canvas dekodiert, in deinem Browser skaliert und mit JSZip in eine ZIP gepackt. Kein Upload, kein Server, keine Telemetrie.

Vom Tooljar-Team gemäß der offiziellen W3C Web App Manifest Spezifikation, Apples apple-touch-icon-Richtlinien und Microsofts browserconfig.xml Tile-Spec entwickelt — sodass die ZIP exakt dieselbe Form wie Real-Favicon-Generator und ähnliche bezahlte Dienste produziert, ohne Upload.