Favicon-Generator
Mach dein Website-Icon aus einem Bild, einem Buchstaben oder einem Emoji. Du bekommst alle Größen und das HTML zum Einfügen.
Was ist ein Favicon?
Das ist das kleine Symbol im Browser-Tab, neben dem Titel deiner Seite. Es erscheint auch in Lesezeichen, im Verlauf und wenn jemand deine Seite auf dem Handy-Startbildschirm speichert. Ohne eins zeigt deine Seite ein leeres Blatt — das Erste, was eine halbfertige Website verrät.
Das ist das kleine Symbol im Browser-Tab, neben dem Titel deiner Seite. Es erscheint auch in Lesezeichen, im Verlauf und wenn jemand deine Seite auf dem Handy-Startbildschirm speichert. Ohne eins zeigt deine Seite ein leeres Blatt — das Erste, was eine halbfertige Website verrät.
8%
Im Tab
Lesezeichen
Desktop
iPhone
Das hier in <head> einfügen
<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" href="/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest">
Die Dateien kommen ins Stammverzeichnis deiner Website, neben die index. Wenn du sie in einen anderen Ordner legst, pass die Pfade im Code an.
Häufige Fragen
Was genau bekomme ich?
Ein komplettes Paket: die .ico mit drei Größen darin, die PNGs, das iPhone-Icon, die Android-Icons, das Manifest und das HTML zum Einfügen.
Kann ich es aus einem Buchstaben oder Emoji machen?
Ja. Starte mit einem Bild, einem Buchstaben oder einem Emoji, wähle die Farben — alle Größen werden automatisch erzeugt.
Wozu so viele Größen?
Jeder Ort zeigt eine andere: der Browser-Tab, der iPhone-Startbildschirm, Android, die Lesezeichen. Das Paket deckt alle ab.
Wird mein Bild hochgeladen?
Nein. Alles wird in deinem Browser gezeichnet und auf deinem Gerät verpackt.
Verwandte Werkzeuge
Ein kostenloses Werkzeug von Vertize Plus.
Das Bild wird in deinem Browser verarbeitet und nie hochgeladen.