Copia los cinco archivos de imagen a la raíz pública de tu sitio y añade estas etiquetas al elemento head. Si usas otra carpeta, ajusta las rutas.
<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 contiene 16, 32 y 48 px. favicon-96.png es una alternativa PNG. apple-touch-icon.png tiene 180 px y un fondo opaco. icon-1024.png tiene 1024 px y comparte el margen y el fondo opaco del icono de app. El avatar es solo una vista previa y no añade archivos. Esto no es un kit nativo ni un paquete PWA completo.