How to use it
| File | Used by |
|---|---|
| favicon.ico (16, 32, 48) | All browsers |
| favicon-16x16, 32x32 | Browser tabs |
| apple-touch-icon (180) | iPhone/iPad home screen |
| android-chrome (192, 512) | Android and web apps |
| favicon.svg | Sharp at any size (letter mode) |
Put the files in your site root and add the code to <head>. In WordPress you can also upload a 512×512 image under Customize → Site Identity.
Worked example
A white letter on a green rounded square gives a pack of 9 files ready to upload.
Frequently asked questions
Why don’t I see the new icon?
Browsers cache favicons — check in a private window or clear the cache.
What logo works best?
A square, transparent PNG or SVG with little detail, since it shows at 16 px.
Why does the Apple icon have a background?
iOS shows transparent icons on black, so we fill it with your background color.