Set up your website icons

Copy the five image files to your public website root and add these tags inside head. If you use another folder, update the paths.

<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 contains 16, 32 and 48 px. favicon-96.png is a PNG fallback. apple-touch-icon.png is 180 px with an opaque background. icon-1024.png is 1024 px and shares the app icon padding and opaque background. Avatar is a preview only and adds no files. This is not a native app or complete PWA kit.