Favicon-Generator
Komplette Favicon-Pakete für Websites erstellen
- Dateien verlassen Ihr Gerät nicht
- Läuft im Browser
- Kostenlos, ohne Anmeldung, ohne Wasserzeichen
Motiv
Vorschau
F
Neuer Tab
F
Neuer Tab
Originalpixel
16 px vergrößert
Home-Bildschirm
F
Dateien
- Icons werden gerendert…
In den <head> einfügen
Laden Sie die Dateien auf Ihre Website hoch und fügen Sie dann diese Tags ein.
So verwenden Sie: Favicon-Generator
Erstellen Sie ein Favicon ohne Grafikprogramm: ein paar Buchstaben eingeben, ein Emoji wählen oder ein Icon aus acht Open-Source-Sammlungen nehmen, dann Hintergrund und Form anpassen. Das komplette Paket mit ICO, PNG, SVG, Apple- und Android-Icons und Manifest entsteht direkt im Browser.
- 1
Wählen Sie unter Motiv „Buchstaben“, „Emoji“ oder „Icon“.
- 2
Geben Sie ein bis drei Zeichen ein und wählen Sie Schrift und Stärke, tippen oder wählen Sie ein Emoji („Alle Emojis durchsuchen“ öffnet die komplette Liste), oder suchen Sie ein Icon wie rocket oder cloud und klicken Sie darauf.
- 3
Stellen Sie unter Vordergrund Farbe und Größe ein und unter Icon-Stil Hintergrund, Form, Eckenradius und Innenabstand.
- 4
Füllen Sie die Website-Angaben und die Größen unter Ausgabe aus und prüfen Sie die hellen und dunklen Tab-Vorschauen sowie den Home-Bildschirm.
- 5
Klicken Sie auf „Paket herunterladen (ZIP)“, laden Sie die Dateien auf Ihre Website und übernehmen Sie die Tags aus „In den <head> einfügen“ in Ihre Seite.
Häufige Fragen
Werden Daten an einen Server gesendet?
Nein, die Icons werden in Ihrem Browser gezeichnet. Icon-Sammlungen werden erst beim Öffnen oder Durchsuchen von XTools geladen, daher brauchen Sie beim ersten Verwenden einer Sammlung eine Internetverbindung.
Welche Icon-Sammlungen gibt es?
Lucide, Tabler, Material Design, Phosphor, Remix Icon, Carbon, Heroicons und Font Awesome Brands. Zuerst wird Lucide geladen; während einer Suche lädt „Alle 8 Sammlungen durchsuchen“ den Rest einmalig (ca. 13 MB).
Darf ich die Icons kommerziell nutzen?
Jede Sammlung hat ihre eigene Open-Source-Lizenz; prüfen Sie diese, bevor Sie ein Icon als Logo verwenden. Font Awesome Brands sind Logos anderer Unternehmen und eignen sich nicht als eigene Marke.
Warum sieht mein Emoji auf einem anderen Computer anders aus?
Emojis und Buchstaben werden mit den Schriften Ihres Geräts gezeichnet, PNG und ICO zeigen also den Emoji-Stil Ihres Systems. favicon.svg speichert sie als Text, sodass der Browser jedes Besuchers seine eigenen Schriften verwendet.
Wie viele Buchstaben sind möglich?
Ein bis drei Zeichen wirken am besten; das Feld nimmt bis zu vier auf. Längerer Text wird passend verkleinert, auch chinesische oder japanische Zeichen funktionieren.
Kann das Favicon einen transparenten Hintergrund haben?
Ja, stellen Sie den Hintergrund auf „Keiner“. Apple-Touch-Icon und Maskable-Icon bekommen trotzdem ein weißes Quadrat, weil Home-Bildschirme keine Transparenz zeigen.