Skip to content
Devtools 360

Generate a Complete Favicon Set

Upload a logo or type a letter or emoji, choose colours and shape, and get every icon size modern browsers and devices ask for. The ZIP includes a multi-resolution favicon.ico, PNGs, a web manifest and the HTML to paste into your page.

Runs in your browserFree · No sign-up

How to generate favicons

  1. Choose "Text or emoji" and type one to three characters, or switch to "Upload image" and add a square PNG, JPG, WebP or SVG.
  2. Set colours, shape, padding or glyph size while watching the previews at real pixel sizes.
  3. Enter your site name and theme colour for the web manifest.
  4. Download the ZIP, upload the files to your site's root folder and paste the HTML snippet into <head>.

Supported formats

Input
PNG, JPG, WebP, SVG, Text or emoji
Output
ICO, PNG, site.webmanifest, HTML
Maximum size
10 MB per file (limited by your device's memory)

Which files do you actually need?

Browsers look for /favicon.ico automatically, so keep that at the site root. The 32px PNG gives sharper tabs on high-density screens, apple-touch-icon.png (180px) is used when iPhone and iPad users add your site to their home screen, and the 192px and 512px icons referenced in site.webmanifest are used by Android and installable web apps. Add social sharing images separately with the Meta Tag Generator.

Benefits

  • Writes a genuine multi-size ICO (16, 32 and 48px) with PNG-compressed entries, which is smaller than legacy bitmap ICOs.
  • Text and emoji icons need no design software.
  • SVG logos are rasterised crisply at every size instead of being scaled from one bitmap.

Limitations

  • Emoji are drawn with your device's emoji font, so the same emoji looks different if generated on Windows, macOS or Android.
  • Downscaling detailed logos to 16px can blur fine lines; a simplified mark usually works better at that size.
  • PNG-in-ICO entries are supported by all modern browsers and Windows Vista or later, but not by Internet Explorer 10 and older.
  • SVGs that reference external fonts or images may render incompletely, because they are drawn as an isolated image.

Privacy and security

Your image is decoded and redrawn on a canvas in this browser tab, and the ZIP is assembled locally. Nothing is uploaded; the image is released from memory when you replace it or leave the page.

Read our privacy policy for details about the site as a whole.

Frequently asked questions

Do I still need favicon.ico in 2026?

It is still the most reliable fallback: some browsers, feed readers and bookmark tools request /favicon.ico directly without reading your HTML. The PNG and SVG link tags then give modern browsers sharper options.

Why does my icon have a black background on iPhone?

iOS does not support transparency in home-screen icons and fills transparent pixels with black. Turn off transparency and choose a background colour before generating.

My new favicon doesn't show up. What should I do?

Browsers cache favicons aggressively. Hard-refresh, open the favicon URL directly once, or add a version query such as /favicon.ico?v=2 to the link tags.