Kopiere die fünf Bilddateien in das öffentliche Stammverzeichnis deiner Website und füge diese Tags im head ein. Bei einem anderen Ordner die Pfade anpassen.
<link rel="icon" href="/favicon.ico" sizes="16x16 32x32 48x48"> <link rel="icon" href="/favicon-96.png" type="image/png" sizes="96x96"> <link rel="icon" href="/favicon.svg" type="image/svg+xml" sizes="any"> <link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180">
favicon.ico enthält 16, 32 und 48 px. favicon-96.png ist ein PNG-Fallback. apple-touch-icon.png hat 180 px mit deckendem Hintergrund. icon-1024.png hat 1024 px mit gleichem Innenabstand und deckendem Hintergrund. Kein natives App- oder vollständiges PWA-Kit.