← Tools

Favicon-Generator

Mach aus einem Logo, einem Buchstaben oder einem Emoji ein komplettes Favicon-Set.

Privat: Deine Dateien verlassen nie dein Gerät.

oder hier ablegen. Ein quadratisches Logo eignet sich am besten; SVG ergibt die schärfsten Icons.

Meine Website
Meine Website
iPhone
Android
512 × 512

Das Paket enthält favicon.ico (16, 32 und 48 px), PNG-Icons für Browser, iPhone und Android (mit Maskable-Icon), site.webmanifest und diesen HTML-Code. Auf deinem Gerät erstellt.

So funktioniert’s

  1. Wähle deine Dateien.
  2. Passe bei Bedarf die Einstellungen an.
  3. Lade das Ergebnis herunter oder sende es mit BroAllDone an ein anderes Gerät.

Häufige Fragen

Wie erstelle ich ein Favicon?

Wähle dein Logo oder tippe einen Buchstaben oder ein Emoji ein, such dir Form und Farben aus, lade dann das Paket herunter und füge den HTML-Code in deine Seiten ein.

Was ist im Paket enthalten?

favicon.ico (16, 32 und 48 px), PNG-Icons für Browser, ein iPhone-Icon, Android-Icons mit Maskable-Version, site.webmanifest und der HTML-Code zum Einfügen. favicon.svg ist dabei, wenn du mit SVG oder Text startest.

Welches Bild eignet sich am besten?

Ein quadratisches Logo mit 512 px oder mehr oder eine SVG. Einfache Formen und kräftige Farben bleiben auch bei 16 Pixeln gut erkennbar.

Warum ist das iPhone-Icon nicht transparent?

iPhones füllen transparente Bereiche mit Schwarz, deshalb bekommen das iPhone-Icon und die Maskable-Icons deine Hintergrundfarbe. Die Browser-Icons bleiben transparent.

Wo lege ich die Dateien ab?

Im Stammordner deiner Website oder in einem beliebigen Ordner, den du bei „Ordner auf deiner Website“ eingibst: HTML-Code und Manifest verwenden diesen Pfad.

Wird mein Logo hochgeladen?

Nein. Die Icons werden in deinem Browser erstellt, dein Bild verlässt dein Gerät also nie.

Weitere kostenlose Tools