Erstelle in Sekundenschnelle moderne Favicons für deine Webprojekte.
Bild hierher ziehen & ablegen
oder klicken, um zu suchen (PNG, JPG, SVG)
Bild zuschneiden (Quadratisch)
Vorschau
Manifest-Einstellungen
Was ist in der ZIP-Datei enthalten?
Wir generieren alle erforderlichen Formate für die moderne Webentwicklung: Standard favicon.ico (16x16, 32x32, 48x48), Apple Touch Icon (180x180), Android Chrome Icons (192x192, 512x512) und das Web App Manifest.
Favicons aus Bild oder Text erstellen
Mit dem Favicon Generator erstellst du Favicons für Websites, Apps und Progressive Web Apps direkt im Browser. Du kannst ein Bild in ein Favicon umwandeln oder Initialen als Text-Icon gestalten.
Der Export enthält favicon.ico, PNG Icons, Apple Touch Icon, Android Chrome Icons und ein Web App Manifest. Die FAQ zeigt dir auch, welche Link-Tags in den head-Bereich deiner Website gehören.
Bilder, Farben, Schriften und Texte werden lokal verarbeitet. Im RGBA-Modus erstellst du transparente Favicons, halbtransparente Farbverläufe oder ausgeschnittene Schrift ohne Upload deiner Quelldateien.
Warum ein vollständiges Favicon-Set wichtig ist
Ein einzelnes Icon reicht heute selten aus. Browser, Suchergebnisse, Lesezeichen, iOS, Android und Progressive Web Apps erwarten unterschiedliche Icon-Größen und Metadaten.
Ein vollständiges Favicon-Set sorgt für konsistente Darstellung, bessere Wiedererkennbarkeit und saubere technische Signale für Suchmaschinen und KI-Systeme.
Mit favicon.ico, PNG Icons, Apple Touch Icon, Android Chrome Icons, Manifest-Datei und sauberem Einbindungscode bleibt dein Webprojekt auf Desktop, Smartphone und Startbildschirm professionell sichtbar.
Häufige Fragen zum Favicon Generator
Ein Favicon ist das kleine Icon im Browser-Tab, in Lesezeichen und auf mobilen Startbildschirmen. Mit diesem Favicon Generator erstellst du aus Bild oder Text passende Favicons für moderne Webprojekte.
Die ZIP-Datei enthält favicon.ico, PNG Icons in mehreren Größen, ein Apple Touch Icon, Android Chrome Icons und ein Web App Manifest für Browser, Smartphones und Progressive Web Apps.
Nein. Bilder, Initialen, Farben und hochgeladene Schriften werden lokal im Browser verarbeitet. Der Export der Favicons passiert direkt auf deinem Gerät.
Ja. Du kannst Initialen eingeben, lokale Schriften auswählen, Farben anpassen und die Form als eckig, abgerundet oder rund festlegen.
Apple Touch Icon und Android Chrome Icons sorgen dafür, dass deine Website auf iPhone, iPad, Android und in installierbaren Web Apps sauber dargestellt wird.
Ja. Im RGBA-Modus kannst du die Deckkraft von Hintergrund, Farbverlauf, Text und Rahmen einstellen. So sind halbtransparente oder vollständig transparente Farben möglich.
Aktiviere den RGBA-Modus und stelle die Deckkraft des Hintergrunds auf 0%, wenn die Icon-Fläche transparent sein soll. Stellst du die Text-Deckkraft auf 0%, wird die Schrift aus dem Hintergrund ausgeschnitten.
Lege die erzeugten Dateien aus der ZIP-Datei in den Hauptordner deiner Website oder passe die Pfade entsprechend an. Füge danach diese Links in den head-Bereich deiner HTML-Seite ein.
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">