The easiest

Favicon Generator

🚀 Upload image download favicons 🖼️

Drag and drop your file or click here to upload.

This will create the following images:

favicon.ico
favicon.png
favicon-32x32.png
favicon-16x16.png
mstile-150x150.png
safari-pinned-tab.png
android-chrome-512x512.png
android-chrome-192x192.png
apple-touch-icon-180x180.png

and

manifest.json

Then copy the text into your head tag:

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png" />
<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="manifest" href="/manifest.json" />

Copied