The generator creates a complete set of website icons from your own image or a letter or emoji on a coloured background: favicon.ico at 16, 32 and 48 pixels, PNG icons at 192 and 512, a maskable icon for Android, an apple-touch-icon for iPhone, a web manifest and the HTML for the page head. All in one ZIP.
The package contains favicon.ico (16, 32, 48 px), PNG 192 and 512, a maskable icon, apple-touch-icon, a manifest and the <head> HTML. All generated in your browser.
Runs entirely in your browser. Nothing is uploaded or stored.
Your own image (ideally a square SVG or PNG), or a letter with colours.
16 px is really small; a simple shape works best.
Put them in your site's root and paste the HTML code into the page head.
This website uses a blue circle with a white Z as its favicon, the same badge as on the floating bar.
favicon.ico (for bookmarks and older browsers), PNG 192 and 512 (Android, manifest), apple-touch-icon 180 × 180 (iPhone) and a maskable icon. They're all in the package.
Yes, especially on mobile. Google requires a square icon of at least 48 × 48 pixels that Googlebot can access.
An icon that Android crops into a circle, square or another shape depending on the system. That's why it has a safe margin around the content.
No, the icons are drawn in your browser on a canvas.
I am still setting up contact. Meanwhile, try the tools that already work.
Contact