Der beste Favicon-Generator, je nachdem womit du baust
Jeder Generator exportiert Icons. Was sie unterscheidet, ist, ob die Ausgabe zu deinem Stack passt: Dateien, die der App Router auflöst, ein Installationsschritt, den ein KI-Builder ausführen kann, ein Manifest, das kostenlose Tools gerne hinter eine Paywall stellen. Wähle, womit du baust, für die Kriterien, die dort wirklich zählen.
KI-Builder
Lovable baut in wenigen Prompts das Gerüst einer kompletten App und lässt sein Standard-Icon im Tab stehen. Das passende Tool für Lovable ist das, das mit deiner Live-Preview-URL arbeitet und einen Installationsschritt zurückgibt, den der Agent ausführen kann, weil du das Dateisystem nie direkt anfasst.
Anleitung lesenv0 generiert Next.js-App-Router-Projekte, die Icons aus Dateien im app-Verzeichnis auflösen statt aus Link-Tags. Der Generator, der zu v0 passt, ist der, dessen Export sich direkt in diese Konvention einfügt.
Anleitung lesenBolt.new fährt eine komplette App in einem In-Browser-WebContainer hoch und liefert sie schnell aus, samt Standard-Icon. Der Generator, der zu Bolt passt, arbeitet mit der Preview-URL und gibt dir ein committbares Set, bevor du deployst.
Anleitung lesenCursor arbeitet über ein echtes Repository auf deinem eigenen Rechner, du kannst Dateien also anders als bei einem gehosteten Builder direkt ablegen. Der passende Generator ist der, der diese Dateien plus einen Installationsschritt erzeugt, den der Agent ausführt und committet.
Anleitung lesenReplit Agent baut und hostet die App zusammen, du bekommst also früh eine Live-URL, bearbeitest aber innerhalb von Replits eigenem Workspace. Der passende Generator liest diese URL und liefert Dateien zurück, die du über den Agenten installierst, nicht durch Ziehen in die UI.
Anleitung lesenFrameworks
Next.js verwendet keine Link-Tags, die du von Hand schreibst. Der App Router liest Dateien namens icon, apple-icon und favicon aus dem app-Verzeichnis und injiziert das Markup zur Build-Zeit. Der richtige Generator liefert dir genau diese Dateien.
Anleitung lesenEine reine React-App (Vite oder Create React App) hat keine eingebaute Icon-Konvention. Du legst Dateien in den public-Ordner und schreibst die Link-Tags in der index.html selbst. Der richtige Generator liefert dir beides, sodass nichts zu raten bleibt.
Anleitung lesenAnwendungsfall
Es gibt reichlich kostenlose Favicon-Tools. Die Frage ist, was kostenlos weglässt. Ein Generator, der es wert ist, exportiert das ganze moderne Set, arbeitet mit einem Logo, Bild, Emoji oder einer Live-URL und versteckt das Manifest oder die größeren Größen nicht hinter einer Paywall.
Anleitung lesen