Favicon and PWA icon package — generated by png2svg.art

1. Upload every file in this ZIP to the root of your site.
2. Paste the tags from favicon.html into the <head> of every page.
3. Reload the page. Browsers cache favicons for a long time: check in a private window.

What each file is for
- favicon.svg: the tab icon for browsers that support SVG favicons; sharp at every size. Its colors are yours (it is your sanitized SVG).
- favicon.ico: 16, 32, 48 px in one file, for browsers and tools that look for /favicon.ico.
- favicon-32x32.png, favicon-16x16.png: PNG copies of the tab icon, for a site builder or tool that asks for a PNG favicon. favicon.html does not link them: browsers use favicon.ico and favicon.svg.
- apple-touch-icon.png: 180 px, opaque on #e8efff, for iPhone and iPad home screens.
- icon-192.png, icon-512.png: app icons with transparency (manifest purpose any).
- icon-maskable-192.png, icon-maskable-512.png: full-bleed icons for launchers that crop to a circle or rounded square (purpose maskable). The artwork stays inside the safe zone, the centred circle with a radius of 40% of the icon.
- site.webmanifest: name, short name, colors, display mode and icons for installable web apps. Its icon paths are relative to the manifest, so keep the files together.
- favicon.html: the tags to paste.

Test the maskable icons in Chrome DevTools (Application > Manifest) before shipping.
