How to use the Favicon Generator
- 1. Choose a sourceType a letter or emoji, or pick your logo image (PNG, JPG, SVG or WebP).
- 2. Style itSet colours, shape, font and padding, and check the browser-tab preview.
- 3. Download the packGet the ZIP, upload the files to your site's root and paste the snippet into <head>.
What's in the pack
Browsers and phones look for different files. The pack has favicon.ico with 16, 32 and 48 px images inside (for older browsers and Windows), favicon-16x16.png and favicon-32x32.png for modern tabs, a 180 px apple-touch-icon.png for iPhone home screens, 192 and 512 px Android icons, and site.webmanifest, which tells Android your site's name, colours and icons. A head-snippet.html file holds the six tags to paste into your page. Everything runs in your browser; nothing you type or choose is uploaded.
Each size is drawn fresh from the source rather than shrunk from one image, so small icons stay crisp. The Apple icon is a full square with a solid background, because iPhones round the corners themselves and show transparent areas as black.
Worked example
With the defaults, a white bold U on Uncodemy orange #ff5421 in a rounded square, with the site name My Website and theme colour #0b1f4b, the tool makes 8 files: favicon.ico (16, 32 and 48 px), 5 PNG sizes from 16 to 512 px, the manifest and the HTML snippet. The manifest lists the two Android icons, "theme_color": "#0b1f4b" and "display": "standalone".
Tips for a good favicon
- At 16 px only one or two letters, or a very simple mark, stay readable; detailed logos turn to mush.
- Use a square logo of at least 512 px for sharp large icons.
- Browsers cache favicons for a long time; test changes in a private window.
Frequently asked questions
Do I still need favicon.ico?
It's worth keeping: some browsers, RSS readers and tools request /favicon.ico directly even if you link PNGs.
Can I use an SVG favicon?
Yes, upload an SVG as the source and the tool renders it to every PNG size; most sites still ship PNG and ICO for compatibility.
Is the favicon generator free?
Yes. You can open the favicon generator and fill in every option without signing up. When you download the pack for the first time, we ask once for your name and WhatsApp number; after that it, and every other Uncodemy tool, opens straight away.