Kostenloses Tool — ohne Login

Favicon Generator für Browser-Tab, Google und Handy

Erstellen Sie Ihr Favicon aus einem Icon oder aus Ihrem eigenen Logo. Sie bekommen alle nötigen Dateien in einem ZIP – dazu den passenden HTML-Code zum Einfügen.

Favicon jetzt erstellen Welche Größen brauche ich?

Kostenlos, ohne Anmeldung Läuft komplett in Ihrem Browser ICO, PNG, SVG und Manifest in einem ZIP

Direkt ausprobieren

Favicon erstellen: Icon oder Logo wählen, Paket herunterladen

Wählen Sie aus über 5.000 Icons oder laden Sie Ihr Logo hoch. Ihr Bild bleibt dabei auf Ihrem Gerät – nichts wird an einen Server geschickt.

Quelle wählen

Icon suchen

Sparkles

Icon-Größe

64%

Linienstärke

Icon-Farbe

#ffffff

Hintergrund

#1d4ed8

Eckenradius

24%

Sie brauchen kein Favicon, sondern ein Icon für eine Website-Section? Dafür gibt es unseren Icon Generator.

So funktioniert's

In 3 Schritten zum fertigen Favicon

1. Quelle wählen

Suchen Sie ein passendes Symbol aus über 5.000 Icons. Oder laden Sie Ihr eigenes Logo als PNG, JPG, SVG oder WebP hoch.

2. Anpassen

Stellen Sie Farbe, Hintergrund, Ecken und Abstand ein. Die Vorschau zeigt sofort, wie das Favicon im Browser-Tab und auf dem Handy aussieht.

3. Herunterladen und einbauen

Laden Sie das ZIP herunter, kopieren Sie die Dateien ins Hauptverzeichnis Ihrer Website und fügen Sie den HTML-Code in den <head> ein.

Welche Favicon-Größen brauche ich?

Ein einziges Bild reicht heute nicht mehr. Browser, Google, iPhone und Android holen sich jeweils eine passende Datei. Das Paket enthält genau diese Dateien:

Datei	Größe	Wofür?
favicon.ico	16 × 16, 32 × 32 und 48 × 48 px in einer Datei	Das klassische Favicon für Browser-Tab und Lesezeichen. Viele Browser fragen von selbst nach /favicon.ico, auch ohne HTML-Code. Google kann ICO-Dateien lesen.
favicon.svg	Vektor (nur bei Icons)	Bleibt in jeder Größe scharf. Browser, die SVG-Favicons unterstützen, können es nutzen. Bei hochgeladenen Bildern fehlt diese Datei, weil kein echtes Vektorbild vorliegt.
favicon-96x96.png	96 × 96 px	Ein größeres PNG für Browser und für Google. Google empfiehlt Favicons, die größer als 48 × 48 Pixel sind.
apple-touch-icon.png	180 × 180 px	Erscheint, wenn jemand Ihre Website auf iPhone oder iPad zum Home-Bildschirm hinzufügt. Das Bild ist nicht transparent, weil iOS durchsichtige Stellen sonst selbst füllt. Die runden Ecken setzt das Gerät.
web-app-manifest-192x192.png / -512x512.png	192 × 192 und 512 × 512 px	Für Android und Chrome, zum Beispiel für das Icon auf dem Startbildschirm. Chrome erwartet im Manifest mindestens diese beiden Größen.
site.webmanifest	Textdatei	Beschreibt Name, Kurzname, Farben und die beiden großen Icons. Der Kurzname erscheint dort, wo wenig Platz ist, etwa unter dem Icon am Startbildschirm.

Favicon in die Website einbauen

Laden Sie alle Dateien aus dem ZIP in das Hauptverzeichnis (Root) Ihrer Domain hoch – also dorthin, wo auch die Startseite liegt. Danach ist zum Beispiel ihre-domain.at/favicon.ico direkt erreichbar.

Fügen Sie dann den HTML-Code aus dem Tool in den <head> jeder Seite ein. Meist reicht es, ihn einmal im zentralen Layout oder Template Ihrer Website zu ergänzen. So sieht der Code für ein Icon-Favicon aus:

<link rel="icon" href="/favicon.ico" sizes="16x16 32x32 48x48" />
<link rel="icon" href="/favicon.svg" type="image/svg+xml" />
<link rel="icon" href="/favicon-96x96.png" type="image/png" sizes="96x96" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180" />
<link rel="manifest" href="/site.webmanifest" />

Die ersten drei Zeilen sind das Favicon für Browser-Tabs: ICO, SVG und PNG. Der Browser wählt die Datei, die für ihn am besten passt.
apple-touch-icon ist das Icon für iPhone und iPad.
manifest verweist auf die Datei mit Name, Farben und den Icons für Android.

WordPress und andere Systeme

In WordPress laden Sie kein ZIP hoch. Sie setzen das Favicon als „Website-Icon“: in aktuellen Versionen unter Einstellungen → Allgemein, in älteren Versionen und bei klassischen Themes im Customizer. WordPress verlangt ein quadratisches Bild mit mindestens 512 × 512 Pixeln. Nehmen Sie dafür die Datei web-app-manifest-512x512.png. Die kleineren Größen erzeugt WordPress selbst.

Andere CMS und Homepage-Baukästen haben meist ein eigenes Feld für Favicon oder Website-Icon in den Einstellungen. Laden Sie dort die größte passende Datei hoch. Fügen Sie dann keinen zweiten Favicon-Code in den <head> ein, damit sich die Angaben nicht widersprechen.

Sie sehen das neue Favicon nicht sofort? Browser speichern Favicons oft lange. Öffnen Sie die Seite in einem privaten Fenster, um das Ergebnis zu prüfen.

Favicon in den Google-Suchergebnissen

Google zeigt das Favicon neben Ihrem Suchergebnis. Damit Ihr Favicon dafür infrage kommt, nennt Google in seiner Dokumentation diese Regeln:

Der <link>-Eintrag steht im <head> Ihrer Startseite. Google liest rel="icon", "shortcut icon", "apple-touch-icon" und "apple-touch-icon-precomposed".
Das Bild ist quadratisch und mindestens 8 × 8 Pixel groß. Google empfiehlt mehr als 48 × 48 Pixel.
Google nennt diese Formate: BMP, GIF, ICO, PNG, JPEG, PPM und TIFF. SVG steht nicht auf der Liste. Deshalb enthält das Paket immer auch ICO und PNG.
Googlebot darf die Startseite abrufen, Googlebot-Image die Favicon-Datei. Die robots.txt darf beides nicht sperren.
Pro Hostname gibt es ein Favicon: www.beispiel.at und shop.beispiel.at können verschiedene haben, beispiel.at/shop nicht.
Die Adresse der Datei bleibt stabil. Das Favicon zeigt erkennbar Ihre Marke. Unangemessene Bilder ersetzt Google durch ein Standard-Icon.

Änderungen brauchen Zeit: Google muss die Startseite neu crawlen, das dauert einige Tage bis einige Wochen. Mit dem URL-Prüftool der Search Console können Sie die Startseite neu zur Indexierung einreichen. Eine Garantie gibt Google nicht – auch wenn alle Regeln erfüllt sind, kann das Favicon fehlen.

Quellen (Stand November 2026): Google Search Central: Define a favicon to show in search results · web.dev: Add a web app manifest · web.dev: Web app manifest (Learn PWA) · MDN: icons (Web app manifest) · Apple: Configuring Web Applications (Safari Web Content Guide)

FAQ

Häufige Fragen zum Favicon

Was ist ein Favicon?

Ein Favicon ist das kleine Symbol Ihrer Website. Es erscheint im Browser-Tab, in Lesezeichen, im Verlauf und neben Ihrem Eintrag in den Google-Suchergebnissen. Auf dem Handy wird es zum App-Symbol, wenn jemand Ihre Seite zum Startbildschirm hinzufügt.

Welche Größe sollte ein Favicon haben?

Es braucht mehrere Größen: 16, 32 und 48 Pixel für den Browser (in der favicon.ico), 96 Pixel als PNG, 180 Pixel für iPhone und iPad sowie 192 und 512 Pixel für Android. Für Google muss das Bild quadratisch und mindestens 8 × 8 Pixel groß sein; Google empfiehlt mehr als 48 × 48 Pixel. Der Favicon Generator erstellt alle diese Größen auf einmal.

Reicht eine einzelne favicon.ico?

Für den Browser-Tab reicht sie oft. Auf iPhone, iPad und Android sieht Ihr Icon ohne die größeren PNG-Dateien aber unscharf aus oder fehlt ganz. Mit dem vollständigen Paket sind Sie auf allen Geräten abgedeckt.

Wird mein Logo auf einen Server hochgeladen?

Nein. Das Tool verarbeitet Ihr Bild nur in Ihrem Browser. Die Datei verlässt Ihr Gerät nicht und wird nirgends gespeichert.

Warum zeigt Google mein neues Favicon noch nicht an?

Google muss Ihre Startseite erst neu crawlen. Das kann einige Tage bis einige Wochen dauern. Prüfen Sie, ob der <link>-Eintrag auf der Startseite steht und die robots.txt die Datei nicht sperrt. In der Search Console können Sie die Startseite mit dem URL-Prüftool neu einreichen.

Warum wirkt mein Favicon so klein oder unscharf?

Bei 16 × 16 Pixeln verschwinden feine Details und kleine Schrift. Nehmen Sie ein einfaches Symbol oder nur den Anfangsbuchstaben Ihres Logos, kräftige Linien und wenig Innenabstand. Die Vorschau im Tool zeigt die echten Größen.

Darf ich die Icons auch geschäftlich nutzen?

Ja. Die Icons stammen aus der freien Sammlung Tabler Icons. Sie steht unter der MIT-Lizenz, die auch eine geschäftliche Nutzung erlaubt.

Neue Website geplant?

Ein Favicon ist ein kleines Detail. Wenn Sie ohnehin eine neue Website planen, können Sie Ihre Website erstellen lassen – individuell gestaltet und selbst pflegbar, ohne WordPress.

Das sagen unsere Kunden

Echte Ergebnisse, echte Stimmen

Mit JetPages konnten wir unsere Landingpages in Rekordzeit online bringen. Keine Wartezeiten mehr auf externe Agenturen — unser Marketing-Team ist jetzt wirklich unabhängig.

Soco Batsuren

Founder of SB Logistics LLC

Für uns war besonders wichtig, dass wir internationale Kampagnen ohne lange Übersetzungsprozesse starten können. Mit einem Klick haben wir unsere Inhalte in 7 Sprachen online.

Julia Leitner

Marketing-Team momoscreen

Wir sind extrem glücklich mit dem Ergebnis. Früher war jede kleine Änderung mühsam. Heute können wir Seiten und Inhalte mit JetPages selbst pflegen und aktualisieren. Das geht wirklich kinderleicht und unsere Website wirkt endlich so professionell, wie unser Unternehmen arbeitet.

David Schneider

Geschäftsführung

Wenn nicht nur das Favicon fehlt

Wir helfen auch, wenn die Website selbst das Problem ist.

Wenn Ihre Website schwer zu pflegen ist, Inhalte zu langsam online gehen oder ein Relaunch ansteht, sehen wir uns Ihre Situation gerne an.

JetCoders aus Wien

Projekte ab 2.000 EUR

Technik + Text + Design