Mehrgrößen-favicon.ico
Echte PNG-Frames mit 16, 32 und 48 Pixeln liegen in einem gültigen ICO-Container.
Website-Icon-Studio
Ein Favicon, das auch mit 16 Pixeln klar bleibt
Beginne mit Bild, Text, Symbol, SVG oder Identicon. Prüfe das Ergebnis in einem echten Browser-Tab und lade ein vollständiges Website-Icon-Paket herunter — lokal und ohne Upload.
16·32·48Größen in einer ICO7fertige Dateien0Bild-Uploads
Findet automatisch den visuell stärksten quadratischen Ausschnitt.
Ein bis drei Zeichen funktionieren am besten. Emojis sind ebenfalls möglich.
Beliebt
Kommunikation
Medien
Entwicklung
Business
Natur
Werkzeuge
Formen
oder Quelltext einfügen
Liest SVG, heruntergeladene iconfont.js-Dateien oder Symbol-Markup lokal. Mehrere Symbole werden zu einem auswählbaren Icon-Set.
Icons
Grafikfarben
Verwende nur eigene oder lizenzierte Grafiken. Dateien werden ausschließlich in diesem Tab verarbeitet.
Derselbe Text erzeugt immer dasselbe Icon — ideal für Profile, Teams und Umgebungen.
Lokal mit Jdenticon erzeugt. Der Seed verlässt diesen Tab nie.
Wird im erzeugten Web-Manifest verwendet.
Vordergrund gestalten
Schatten
Gilt nur für Plattformen ohne eigene Maske. iOS und adaptive Android-Icons werden vom System maskiert.
Apple-Darstellungen
iOS 18+Varianten werden automatisch erzeugt. Optional kannst du eigene Grafiken einsetzen; die getönte Variante wird gemäß Apple-Vorgabe in Graustufen exportiert.
Vorschau
Die stärkste Android-Launcher-Maske. Sie bestimmt den Sicherheitsbereich — alles außerhalb des einbeschriebenen Kreises wird abgeschnitten.
Alles außerhalb des Kreises kann von einer Android-Launcher-Maske abgeschnitten werden.
Die Erstellung läuft vollständig in diesem Tab, ohne Upload. Unterstützte Browser speichern bereits verwendete Funktionen für die erneute Offline-Nutzung.
Ein Download für alle Web-Icon-Flächen
Web ist vorausgewählt. Das ZIP enthält Browser-Fallback, Home-Screen- und PWA-Icons sowie den passenden Referenzcode.
Apple Touch + PWA
Ein deckendes 180px Apple-Touch-Icon, 192px- und 512px-Icons sowie eine maskierbare Variante mit Sicherheitsbereich.
HTML + Manifest inklusive
Link-Markup und site.webmanifest werden mit dem Projektnamen fertig erzeugt.
Installation in drei Schritten
- Gestalte das Zeichen und prüfe besonders das winzige Icon im Browser-Tab.
- Lade favicon-pack.zip und kopiere den Inhalt des web-Ordners in das öffentliche Site-Verzeichnis.
- Füge favicon-snippet.html in den head ein, verlinke das Manifest und aktualisiere nach dem Deployment ohne Cache.
Kleine Pixel brauchen ein anderes Urteil
In echter Größe prüfen
Ein gutes 512px-Bild kann mit 16px zu Rauschen werden. Die Browser-Vorschau zeigt genau diesen Fehler.
Keine umbenannte PNG-Datei
ICO ist ein Container. Drei Größen werden separat gerendert und in ein gültiges Verzeichnis geschrieben.
Strukturell privat
Rendern, Skalieren, ICO- und ZIP-Erzeugung laufen in diesem Tab; keine Anfrage enthält dein Motiv.
Web
- Ein maskierbares PWA-Icon wird von der Plattform ähnlich wie ein adaptives Android-Icon maskiert. Es gilt daher derselbe mittige Sicherheitsbereich — ein Icon, das die gesamte Fläche füllt, verliert seine Ränder.
- Das apple-touch-icon darf nicht transparent sein: iOS legt es auf Schwarz, sodass transparente Bereiche auf dem Home-Bildschirm als schwarze Flecken erscheinen.
- Auch ein modernes favicon.ico enthält Varianten mit 16, 32 und 48 Pixeln in einer Datei — Browser und Betriebssystemoberflächen wählen jeweils unterschiedliche Größen.