Although this manifest is not dedicated to Android Chrome, it is currently its main supporter. Android ChromeĪndroid Chrome relies on the Web App Manifest. So you will find it elsewhere, when adding to bookmark, etc. Over the years, this icon has become the 'default high resolution icon' for many browsers. This image should not use transparency and its corners will be automatically rounded when added to home screen. As of today, this is a 180x180 PNG image. Rather target each platform individually, when possible (this is not always the case). So I advice to deliberately avoid using a single icon. But you won't be able to match Android icon guidelines, whereas a dedicated icon could. Submit a single touch icon and Android Chrome will use it. On Android, home screen icons often use non-square shapes and transparency (including Google app icons). On iOS, all home screen icons are squares with rounded corners ( iOS fills transparent regions of Touch icons with black).

But from a UI and UX point of view, this is not a desirable outcome. You can't create a single SVG icon and expect it to work everywhere.įrom a technical point of view, a single SVG icon would be a good thing. So don't be surprised if this answer matches what RFG generates. Please provide dimensions, file formats and meta/link tags of what favicons should be used.ĭisclaimer: I'm the author of RealFaviconGenerator, which I expect to be up-to-date (mostly, see below). Or should dimensions be specified if ico contains more sizes? I didn't find one good answer. What code should be used for ico and svg? All of them are years old and work mostly with png files. I've been browsing many websites and checked different 'favicon generators'.

Is it the best solution to use svg nowadays? Is there any option 'one file fits all'? I use Opera and I can see it supports svg format. What favicon dimensions, file formats and meta/link tags should be used as of 2022? This includes apple icon, windows, android and other devices people use today. Opinion-based Update the question so it can be answered with facts and citations by editing this post. The community reviewed whether to reopen this question 1 year ago and left it closed:

Illustrator favicon