purpose: monochrome*
The color information in the icon is discarded and only the alpha data is used.purpose: maskable
The image is designed with icon masks and safe zone in mind.purpose: any(default)
The user agent is free to display the icon in any context.
* Unclear if this means only full transparency (like a hole aka no path with fill) or also fill-opacity.
| 1 |  |
favicon-16x16.png* |
| 2 |  |
favicon-32x32.png* |
| 3 | favicon.ico* ** |
|
| 4 |  |
favicon.svg* ** |
| 5 |  |
android-chrome-72x72.png** |
| 6 |  |
android-chrome-192x192.png** |
| 7 |  |
android-chrome-512x512.png** |
| 8 |  |
apple-touch-icon.png* |
| 9 |  |
favicon-maskable-inverted.svg** |
| 10 |  |
android-chrome-maskable-192x192.png** |
| 11 |  |
android-chrome-maskable-512x512.png** |
| 12 |  |
mstile-70x70.png*** |
| 13 |  |
mstile-150x150.png*** |
| 14 |  |
mstile-310x150.png*** |
| 15 |  |
mstile-310x310.png*** |
* Used as <link /> tag
** Used in manifest.json
*** Windows only