Kostenlos starten

Favicon von jeder Website herunterladen

Fügen Sie eine Website ein und laden Sie ihr Favicon und ihre App-Icons herunter, oder gleich ein komplettes Favicon-Paket: eine ICO-Datei, PNG-Dateien von 16 bis 512 px und ein Web-Manifest.

Zum Ausprobieren

Sie haben die Datei schon?

  • Kostenlos, ohne Anmeldung
  • .ico und PNG von 16 bis 512 px
  • Apple-Touch-Icon
  • Web-App-Manifest

Ihr Logo in 3D

Ihr 3D-Logo wird erstellt…
0:00

Ziehen Sie das Logo, um es zu drehen.

Animation

Hintergrund

Oberfläche

Farben und Form

Farben

Kanten

Dicke

Ton

Abspann

Vorschau kostenlos. Download mit kostenlosem Konto.

So laden Sie das Favicon einer Website herunter

Drei Schritte. Ohne Browser-Erweiterung, ohne Code, ohne Konto.

  1. Website einfügen

    Geben Sie die Adresse der Website ein oder fügen Sie sie ein und starten Sie die Suche. Der Favicon-Grabber liest jedes Icon, das die Website hinterlegt: das Icon im Browser-Tab, das Icon für den iPhone-Home-Bildschirm, die Web-App-Icons und das Safari-Icon für fixierte Tabs.

  2. Icon auswählen

    Jedes Icon wird groß angezeigt, mit Typ und Pixelgröße in verständlichen Worten. Sie möchten statt des Icons das ganze Logo des Unternehmens? Laden Sie mit dem Logo-Finder das vollständige Firmenlogo herunter.

  3. Herunterladen oder das ganze Paket nehmen

    Speichern Sie das Icon als PNG oder SVG, klicken Sie auf ICO für eine .ico-Datei mit allen Größen von 16 bis 256 px, oder laden Sie das Favicon-Paket herunter: PNG-Dateien in 16, 32, 48, 180, 192 und 512 px, die .ico-Dateien und ein site.webmanifest, zusammen in einer ZIP-Datei.

Welche Icons hat eine Website?

Die meisten Websites haben bis zu vier Arten, jede für einen anderen Einsatzort. Der Favicon-Grabber findet sie alle, damit Sie das schärfste nehmen können.

IconWo Sie es sehenGrößeSo ist es hinterlegt
FaviconBrowser-Tabs, Lesezeichen, Verlauf und neben der Website in den Google-SuchergebnissenKleine Quadrate wie 16, 32 und 48 px; Google empfiehlt mehr als 48 × 48 px für die Sucherel="icon" oder die Datei /favicon.ico
Apple-Touch-IconHome-Bildschirme von iPhone und iPad180 × 180 px für das iPhone, laut dem Safari Web Content Guide von Apple (archiviert)rel="apple-touch-icon"
Web-App-IconsAndroid-Startbildschirme, installierte Web-Apps und ihre Splash-Screens192 und 512 px: Chromium-Browser brauchen beide, um eine Web-App zu installierenIm site.webmanifest aufgeführt
Safari-Icon für fixierte TabsFixierte Tabs in Safari auf dem MacEin einfarbiges SVG, scharf in jeder Größerel="mask-icon"

Die großen App-Icons sind der beste Ausgangspunkt für alles, was größer ist als ein Tab: eine Kachel, eine Folie, eine gedruckte Liste.

Wo Browser nach einem Favicon suchen

Ein Browser folgt einer kurzen Spur zum Icon einer Website. Der Favicon-Grabber folgt derselben Spur und findet so, was jeder Browser und jedes Smartphone anzeigen würde.

Zuerst der Head-Bereich der Seite. Link-Tags mit rel="icon" nennen die Icon-Dateien, oft eine pro Größe plus ein SVG, und der Browser wählt die passendste für den Bildschirm.

Danach das Stammverzeichnis. Ist kein Icon angegeben, fragt der Browser /favicon.ico im Stammverzeichnis der Website ab, den Ablageort für Favicons, den frühe Versionen des Internet Explorers eingeführt haben. Der Favicon-Grabber prüft auch die üblichen Stellen im Stammverzeichnis.

Smartphones lesen eigene Icons. iPhone und iPad suchen nach dem Apple-Touch-Icon, Android und installierte Web-Apps lesen die Icons aus dem site.webmanifest.

Google liest die Startseite. Google nimmt für seine Suchergebnisse das Icon, das auf der Startseite verlinkt ist, sofern der Googlebot sowohl die Seite als auch die Icon-Datei crawlen darf.

Jede Größe herunterladen

Die meisten Websites haben dasselbe Icon in mehreren Größen. Nehmen Sie die Größe, die zur Aufgabe passt, und das Icon ist gleich beim ersten Mal scharf.

Jedes Icon, das die Website hinterlegt, bekommt eine eigene Kachel mit seiner Pixelgröße: Tab-Icons mit 16, 32 oder 48 px, ein Apple-Touch-Icon mit 180 px, Web-App-Icons bis 512 px und ein SVG, wenn die Website eines hat.

Für eine Liste, eine Tabelle oder ein Tab-Mockup hat das Tab-Icon schon die richtige Größe. Für eine Folie, eine Kachel oder eine gedruckte Liste nehmen Sie das App-Icon mit 512 px oder das SVG. Für eine Windows-Verknüpfung klicken Sie beim größten Icon auf ICO und erhalten eine .ico-Datei mit allen Größen von 16 bis 256 px.

Sie erstellen Icons lieber aus einem eigenen Bild? Der PNG-in-ICO-Konverter macht aus jedem PNG oder Logo eine .ico-Datei mit mehreren Größen und ein komplettes Favicon-Paket.

Was steckt im Favicon-Paket?

Jede Icon-Datei, die eine Website braucht, aus einem Icon oder Logo erstellt, in einem Download.

DateiBeschreibungVerwendung
favicon.icoEine Icon-Datei mit den kleinen GrößenDie Datei, die Browser unter /favicon.ico von einer Website abfragen. Eine ICO-Datei kann mehrere Icons enthalten.
icon-256.icoEine Icon-Datei mit allen Größen von 16 bis 256 pxWindows-Verknüpfungen, Ordner und App-Icons, scharf von der Titelleiste bis zum Startmenü
PNG mit 16, 32 und 48 pxKleine quadratische PNG-Dateien mit transparentem HintergrundBrowser-Tabs, Lesezeichen und Verknüpfungen, auf normalen und hochauflösenden Bildschirmen
PNG mit 180 pxDas Apple-Touch-IconHome-Bildschirme von iPhone und iPad
PNG mit 192 pxEin Web-App-IconAndroid-Startbildschirme und installierte Web-Apps
PNG mit 512 pxDas große Web-App-IconInstallations- und Splash-Screens und überall, wo ein großes quadratisches Icon gebraucht wird
favicon.svgDas Icon als Vektorgrafik, wenn es das Logo als Vektor gibtScharfe Tab-Icons in jeder Größe in Browsern, die SVG-Icons lesen
site.webmanifestEine kleine TextdateiVerweist Android und installierte Web-Apps auf die Icons mit 192 und 512 px
add-to-your-head.htmlDie Zeilen für den Head-Bereich Ihrer SeiteKopieren und einfügen, um alle Icons auf einmal zu verlinken

Jede Größe und wo sie erscheint, für Favicons, Social-Media-Profile und Druck: der Ratgeber zu Favicon- und Logogrößen.

Wie binden Sie ein Favicon in Ihre Website ein?

Kopieren Sie die Dateien des Pakets in den Hauptordner Ihrer Website und fügen Sie vier Zeilen in den Head-Bereich jeder Seite ein.

Liegen die Dateien im Stammverzeichnis (dort, wo auch die Startseite liegt), weisen diese Zeilen Browser, Smartphones und Google auf sie hin. Verwenden Sie die Dateinamen aus Ihrem Paket:

<link rel="icon" href="/favicon.ico">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

Website-Baukästen und Shop-Plattformen haben stattdessen eine Einstellung für das Website-Icon: Laden Sie dort das PNG mit 512 px hoch.

Google kann Ihr Favicon in den Suchergebnissen neben Ihren Seiten anzeigen. Die Richtlinien von Google verlangen ein quadratisches Icon, das auf der Startseite verlinkt ist, empfehlen mehr als 48 × 48 px und setzen voraus, dass der Googlebot es abrufen kann.

Wofür werden Favicons heruntergeladen?

Ein Favicon ist das Logo eines Unternehmens in seiner kleinsten und markantesten Form. Deshalb ist es weit über den Browser-Tab hinaus nützlich.

Apps und Dashboards

Zeigen Sie das Icon jeder Website neben ihrem Link: in einem CRM, auf einer Lesezeichenseite, in einer Liste von Integrationen oder in einem Wochenbericht.

Mockups und Folien

Ein Browser-Tab, ein Smartphone-Startbildschirm oder eine Folie mit den Tools eines Teams wirkt echt, wenn jede Website ihr eigenes Icon zeigt.

Check der eigenen Website

Sehen Sie jedes Icon Ihrer Website groß auf hellem und dunklem Hintergrund und prüfen Sie, welche Arten vorhanden sind: Tab-Icon, Apple-Touch-Icon, App-Icons, Icon für fixierte Tabs.

Agenturen und Freelancer

Sammeln Sie vor einem Redesign die aktuellen Icons eines Kunden und übergeben Sie danach ein neues Favicon-Paket aus dem neuen Logo.

Raster für Integrationen und Partner

Kleine quadratische Icons reihen sich sauber in ein Raster aus Partnern, Plug-ins oder Zahlungsarten ein, mit einer ordentlichen Kachel pro Eintrag.

Dokumente und Tabellen

Ein kleines quadratisches Icon kennzeichnet auf einen Blick jede Zeile einer Lieferantenliste, eines Software-Stacks oder eines Projektplans.

Vollständige Logos für eine Reihe von Kunden, alle passend skaliert: Logowand erstellen. Ein sauberes, transparentes Icon aus einem Logo auf weißem Hintergrund: Logo-Hintergrund entfernen.

Favicon aus dem eigenen Logo erstellen

Legen Sie Ihr Logo im Feld ab und laden Sie „Favicons“ herunter: Das Paket setzt das Logo mittig auf ein Quadrat, die Form, die jeder Icon-Platz erwartet, und jede Größe oben entsteht aus dieser einen Datei.

Ein Tab-Icon ist nur 16 Pixel breit, deshalb ist ein Symbol oder ein einzelner Buchstabe aus dem Logo besser lesbar als ein ganzer Name. Die Versionen „Weiß“ und „Beliebige Farbe“ machen mit einem Klick ein helles Icon oder eines in Markenfarbe, und Logo vektorisieren liefert Ihnen eine Vektorversion der Bildmarke als Ausgangspunkt.

Auf dieses Tool verlinken

Sie schreiben für Entwickler oder Website-Betreiber? Verlinken Sie hierher, wann immer es um Favicons geht.

Kopieren Sie das Snippet unten oder zitieren Sie das Tool so: Proofscene, „Kostenloser Favicon-Grabber“, proofscene.com, 2026.

<a href="https://proofscene.com/de/tools/favicon-herunterladen/">Kostenloser Favicon-Grabber</a>

Weitere kostenlose Logo-Tools und Ratgeber

Häufige Fragen zum Favicon-Grabber

Klare Antworten rund um Favicons: wie Sie sie herunterladen, wo Websites sie ablegen, in welchen Größen es sie gibt und wie Sie Ihr eigenes erstellen.

Fragen Sie uns
Wie bekomme ich das Favicon einer beliebigen Website?

Fügen Sie die Website in den Favicon-Grabber ein. Er liest das Tab-Icon der Website, ihr Apple-Touch-Icon, ihre Web-App-Icons und ihr Safari-Icon für fixierte Tabs, zeigt jedes groß mit seiner Größe an und lässt Sie jedes davon als PNG oder ICO herunterladen, oder gleich das ganze Favicon-Paket.

Wie lade ich ein Favicon in hoher Auflösung herunter?

Wählen Sie das größte Icon der Website. Das Apple-Touch-Icon hat meist 180 px und die Web-App-Icons erreichen 512 px, weit schärfer als ein Tab-Icon mit 16 px. Manche Websites haben auch ein SVG-Icon, das in jeder Größe scharf ist. Für das vollständige Logo des Unternehmens nutzen Sie den Logo-Finder.

Wo ist das Favicon einer Website gespeichert?

Dort, wohin der Head-Bereich der Seite verweist: Ein Link-Tag nennt jede Icon-Datei, oft in mehreren Größen. Viele Websites legen außerdem eine favicon.ico im Stammverzeichnis ab und führen ihre App-Icons in einem site.webmanifest auf. Der Favicon-Grabber liest all das und prüft die üblichen Orte im Stammverzeichnis, wenn eine Seite kein Icon nennt.

Was ist ein Favicon?

Das kleine quadratische Icon einer Website, das in Browser-Tabs, Lesezeichen, im Verlauf und neben ihren Seiten in den Google-Suchergebnissen erscheint. Meist ist es das Symbol oder der Anfangsbuchstabe des Logos, so gestaltet, dass es bei 16 Pixeln lesbar ist.

Kann ich auch das Apple-Touch-Icon und die App-Icons herunterladen?

Ja. Jedes Icon, das die Website hinterlegt, erscheint als eigene Kachel mit Typ und Pixelgröße: das Tab-Icon, das Apple-Touch-Icon, die Web-App-Icons und das Icon für fixierte Tabs. Laden Sie jedes davon einzeln herunter oder nehmen Sie den ganzen Satz als Favicon-Paket.

Kann ich aus meinem eigenen Logo ein Favicon-Paket erstellen?

Ja. Legen Sie Ihr Logo auf dieser Seite ab und laden Sie „Favicons“ herunter: eine favicon.ico, eine .ico-Datei mit allen Größen von 16 bis 256 px, PNG-Dateien in 16, 32, 48, 180, 192 und 512 px, ein site.webmanifest und die HTML-Zeilen für den Head-Bereich Ihrer Seite, alles direkt in Ihrem Browser erstellt.

Warum wirkt ein Favicon unscharf, wenn ich es vergrößere?

Weil ein Tab-Icon winzig ist, oft 16 bis 48 px. Für ein schärferes Icon nehmen Sie das Apple-Touch-Icon der Website oder eines ihrer Web-App-Icons, die viel größer sind, oder holen Sie sich das vollständige Logo mit dem Logo-Finder.

Ist der Favicon-Grabber kostenlos?

Ja. Sie können Websites ohne Anmeldung abfragen, und ein kostenloses Konto schaltet weitere Suchen frei. Favicon-Pakete aus Ihrem eigenen Logo erstellen Sie kostenlos und unbegrenzt.

Wie nützlich war dieses Tool?

Ihr Logo auf allem, was Sie drucken, in 3D

Proofscene macht aus PDF-Proofs interaktive 3D-Proofs unter Ihrem eigenen Link mit Ihrem Branding, damit Ihre Kunden ihre Karten, Verpackungen und Armbänder sehen, bevor sie produziert werden.

Kostenlos startenSo funktioniert’s

Kostenloses Konto · Keine Kreditkarte · Von Druckprofis entwickelt