LogobundleFavicon-Generator aus deinem Logo
Lade dein Logo einmal hoch und erhalte jede Favicon-Datei, die eine Website braucht, dazu die Tags für den <head> deiner Seite. Hat dein Logo ein Symbol neben dem Namen, nutzen die kleinen Icons das Symbol.
- ✓ favicon.ico (16, 32 und 48 px) und favicon.svg
- ✓ PNGs in 16 und 32 px und ein Apple-Touch-Icon mit 180 px
- ✓ PWA-Icons in 192 und 512 px, ein Maskable-Icon und site.webmanifest
- ✓ head-snippet.html mit den Tags zum Einfügen
Komplett: 18,99 €, einmalig bezahlt, kein Konto
Kostenlos mit Wasserzeichen · ohne Konto · rund 30 s. Sauber ab 18,99 €, einmalig bezahlt.
Ein echtes Ergebnis
Die daraus erstellten Favicons
Die Wortmarke ist bei 16 px unlesbar, daher hat Logobundle das Kolben-Symbol für die Icons genutzt. Die Dateien mit 16, 32 und 48 px sind hier vergrößert, Pixel für Pixel dargestellt.
16 px
32 px
48 px (in .ico)
Apple Touch, 180 px
Maskierbares PWA-Icon
Was im Paket ist
Komplett: 18,99 €
- ✓ Favicons, Touch-Icons und Web-Manifest
- ✓ Alles aus Logo
- ✓ App-Icons für iOS, Android (inkl. Themed Icon) und Desktop (.ico, .icns)
- ✓ Bilder für Open Graph, Avatar, X, LinkedIn, YouTube und Facebook
So funktioniert's
PNG hochladen
Die Datei aus deinem Bildgenerator. Ein schlichter oder transparenter Hintergrund funktioniert am besten.
Ganzes Paket kostenlos laden
Jede Bilddatei, mit Wasserzeichen. Probier das Favicon auf deiner Website und das Icon auf deinem Handy aus.
Säubern und aufräumen
Einmal zahlen, ab 8,99 €: KI zeichnet dein Logo flach und sauber nach, und du bekommst die Dateien ohne Wasserzeichen plus die SVG-Vektoren. Kein Konto, kein Abo.
Fragen
- Welche Favicon-Dateien braucht eine Website?
- favicon.ico für ältere Browser und Tools, favicon.svg für aktuelle Browser, ein Apple-Touch-Icon mit 180 px und Icons in 192 und 512 px mit Web-Manifest. Das Paket enthält alle; der Favicon-Ratgeber erklärt jede Datei.
- Wie baue ich das Favicon in meine Seite ein?
- Kopiere die Dateien ins Hauptverzeichnis deiner Website und füge die Tags aus head-snippet.html in den <head> deiner Seite ein. Bei WordPress stellst du stattdessen das PNG mit 512 px als Website-Icon ein.
- Mein Logo hat Text. Ist das Favicon lesbar?
- Text ist bei 16 px nicht lesbar. Hat dein Logo ein Symbol neben dem Namen, nutzen die Favicons nur das Symbol. Das Ergebnis siehst du in der kostenlosen Vorschau, bevor du zahlst.
- Ist das Favicon im Logo-Paket?
- Nein, Favicons gibt es im Komplett-Paket, das auch App-Icons und Bilder für Social Media enthält. Das Logo-Paket enthält die Vektor- und Druckdateien.
- Wechselt favicon.svg im Dark Mode die Farbe?
- Nein, es behält auf jedem Tab die Farben deines Logos. Der Favicon-Ratgeber zeigt die paar Zeilen, die du ergänzt, wenn es wechseln soll.
Lieber von Hand? So erstellst du ein Favicon aus deinem Logo