Free tool
Favicon & icons
The little icon in the browser tab, on the phone home screen and next to your Google results. Each place wants its own size: here is what your site provides.
Five files are enough
favicon.ico
32 × 32
At the site root. Every browser and tool looks for it, even without a tag.
icon.svg
Vector
Sharp at any size. A media query inside the SVG can switch colours in dark mode.
apple-touch-icon.png
180 × 180
Opaque background, about 20 px of margin: iOS rounds the corners itself.
icon-192 / icon-512
Android
Declared in the manifest. Add a “maskable” version with the logo inside the central circle.
Why Google sometimes shows a globe
Google only shows your icon if it is square, at least 48 × 48 px (ideally a multiple of 48, or SVG), and reachable by its robot. After a change, it may take a few weeks to update.
Frequently asked questions
Does my site have a good favicon?
Enter the site address: the tool lists the icons the page declares or that browsers look for by default, downloads them, measures their real size and shows how they look in a tab, on a home screen and in Google.
Why does Google show a globe instead of my icon?
Google requires a square icon that its robot can download; it recommends at least 48 × 48 px (ideally a multiple of 48, or SVG). After a fix, the update may take a few weeks.
Which icon files do I need?
Five files are enough: favicon.ico (32 × 32) at the root, an SVG icon, apple-touch-icon.png (180 × 180), then 192 and 512 px icons for Android declared in the manifest.
