Favicon-Generator
Erstelle ein komplettes Favicon-Set aus einem Bild, Text oder Emoji: favicon.ico, Apple-Touch-Icon, Android- und maskierbare Icons, Web-Manifest und das HTML zum Einfügen. Läuft im Browser.
Dein Bild verlässt nie dieses Gerät.
Hintergrund
Form
Vorschau
In den <head> deiner Seite einfügen
<link rel="icon" href="/favicon.ico" sizes="48x48">
<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" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#0ea5e9">Erstelle alle Favicons, die eine moderne Website braucht, ohne etwas hochzuladen. Starte mit deinem Logo, ein oder zwei Buchstaben oder einem Emoji, wähle Hintergrund, Form und Innenabstand und prüfe das Ergebnis in Originalgröße im Browser-Tab, auf dem Handy-Startbildschirm und als adaptives Android-Icon. Die ZIP enthält eine favicon.ico mit mehreren Größen, die PNG-Größen für Browser und Smartphones, ein maskierbares Icon, das Androids Kreis-Zuschnitt übersteht, eine fertige site.webmanifest und die <head>-Tags zum Einfügen.