Favicon & App-Icon Generator
Erstellen Sie mehrschichtige favicon.ico-Dateien (16x16, 32x32, 48x48), Apple Touch Icons (180x180) und Android PWA-Icons aus Text, Bildern, SVGs oder Emojis direkt im Browser.
Echte Multi-Layer favicon.ico Binärdatei Hell/Dunkel-Tab & Google-SERP-Vorschau Bereit für iOS & Android PWA
Icon-Quelle
Schriftgröße56%
Hintergrund, Form & Abstand
Eckenradius22%
Innenabstand (Padding)12%
Live-Vorschau für Browser-Tabs & Geräte
Browser-Tab (Hell)
Anything Tools
Browser-Tab (Dunkel)
Anything Tools
Google-Suchergebnis Vorschau
Anything Tools
https://example.com
Anything Tools — Official Website
Anything Tools
Generiertes Favicon- & App-Icon-Paket
favicon.ico
16×16, 32×32, 48×48 multi-layer
favicon-16x16.png
16×16 px (Browser Tab)
favicon-32x32.png
32×32 px (Retina Tab)
favicon-48x48.png
48×48 px (Google SERP)
apple-touch-icon.png
180×180 px (iOS / Safari)
android-chrome-192x192.png
192×192 px (Android / PWA)
android-chrome-512x512.png
512×512 px (PWA Splash)
HTML Head-Tags & Web Manifest
<link rel="icon" type="image/x-icon" href="/favicon.ico"> <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">
Möchten Sie Ihr SVG-Logo vorher umfärben oder optimieren?SVG-Viewer & Optimierer
So erstellen Sie online ein komplettes Favicon-Paket
In drei Schritten zu fertigen Favicons, iOS Touch Icons und PWA-Manifest.
1
Quelle auswählen
Geben Sie 1–4 Buchstaben ein, wählen Sie ein Emoji oder laden Sie Ihr PNG-, JPG-, WebP- oder SVG-Logo hoch.
2
Hintergrund anpassen & prüfen
Passen Sie Farbverlauf, Eckenradius und Innenabstand an und prüfen Sie die Live-Vorschau in hellen und dunklen Tabs.
3
ICO, PNGs & HTML-Code exportieren
Laden Sie die mehrschichtige favicon.ico, Apple Touch Icon, PWA-Icons und site.webmanifest herunter.
Alles für moderne Website- & App-Icons
Erstellen Sie mehrschichtige favicon.ico-Dateien (16x16, 32x32, 48x48), Apple Touch Icons (180x180) und Android PWA-Icons aus Text, Bildern, SVGs oder Emojis direkt im Browser.
Echte Multi-Layer favicon.ico Binärdatei
Verpackt 16x16, 32x32 und 48x48 PNG-Layer direkt im Browser in eine standardkonforme Windows-ICO-Datei.
Hell/Dunkel-Tab & Google-SERP-Vorschau
Prüfen Sie Kontrast und Lesbarkeit bei 16x16 Pixeln vor dem Export in Echtzeit.
Bereit für iOS & Android PWA
Erstellt automatisch apple-touch-icon.png (180x180), 192x192 und 512x512 PWA-Icons sowie site.webmanifest.
Verwandte Beiträge
Design
Favicon Generator Komplettanleitung: Multi-Size ICO, Apple Touch & PWA Icons
Erstellen Sie im Browser ein komplettes Favicon-Paket inklusive mehrschichtiger favicon.ico (16x16, 32x32, 48x48), 180x180 Apple Touch Icon, Android PWA-Icons und site.webmanifest.
•6 Min. Lesezeit
Developer Tools
SVG-Code online prüfen, live umfärben und optimieren
SVG-Code im Browser live anzeigen, Farben per Cursor in Echtzeit ändern, XML-Ballast minimieren und gestochen scharfe 2x/4x-PNGs exportieren.
•5 Min. Lesezeit
Häufig gestellte Fragen
Finden Sie Antworten auf die am häufigsten gestellten Fragen.