Last updated: March 2026
Frequently Asked Questions
What's included in the favicon pack?
A complete set: favicon.ico (48x48), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180x180), android-chrome-192x192.png, android-chrome-512x512.png, mstile-150x150.png, site.webmanifest, and a ready-to-paste HTML snippet. Just drop into /public and paste the snippet into your <head>.
What image should I upload?
A square image is ideal. SVG works best because it scales perfectly to every size. PNG or JPG at 512×512 or larger also works. Simple, high-contrast designs read better at small sizes — fine details disappear at 16x16.
Is my image uploaded to a server?
No. All favicon generation happens in your browser using the Canvas API. Your image never leaves your device.
How do I add favicons to my site?
Download the ZIP, extract it, and place all files in your site's /public or root directory. Then copy the HTML snippet from html-snippet.txt into the <head> of your HTML. Works with Next.js, Nuxt, Astro, SvelteKit, plain HTML, and every other framework.
Do I need favicon.ico?
Legacy browsers (older IE, early Firefox) still request /favicon.ico. Including it ensures universal support. Modern browsers prefer the PNG references in your <head>.