Make every icon your website needs from one picture.
The ZIP has favicon.ico (16, 32 and 48 px), PNGs for browsers, Apple and Android (512 px), a site.webmanifest and the code above. Put them in the root of your site.
Drop a PNG, JPG, WebP or SVG. A square picture of 512 px or more is best.
Choose a shape, padding and a background, and preview every size.
Put the files in your site's root folder and paste the code into your page.
favicon.ico (16, 32 and 48 px), 16 and 32 px PNGs, an Apple touch icon (180 px), Android icons (192 and 512 px), a site.webmanifest, and the HTML code to use them.
No. The icons are made in your browser.
Square, and at least 512 × 512 px, so the large icons stay sharp. Simple shapes work best because a favicon is shown very small.
At that size there are only 256 pixels. Use a bold, simple logo without thin lines or small text.
In the root of your website, so they are available at /favicon.ico, /apple-touch-icon.png and so on. Then paste the code into the <head> of your pages.