UtilMesh

marketing tools

Favicon Generator

Generate a favicon package with favicon.ico, PNG icons, web manifest, and copy-ready HTML tags.

This package includes `favicon.ico`, `favicon-16x16.png`, `favicon-32x32.png`, `favicon-48x48.png`, `apple-touch-icon.png`, `icon-192.png`, `icon-512.png`, `site.webmanifest`, `browserconfig.xml`, and a copy-ready HTML snippet.

How to use

Create a browser-based favicon kit from one source image, including multi-size ICO output and the common PNG sizes used on modern sites.

  1. Upload one source image for your site or product icon.
  2. Choose icon fit mode, background style, and app name details.
  3. Download a ZIP with favicon.ico, PNG icons, manifest, browserconfig, and HTML tags.

Best for

  • Website launches
  • Landing page branding
  • App icon starter packs

Why the result matters

  • A favicon package is more useful than a single icon file because modern browsers and devices use different sizes.
  • Starting from one clean square logo usually produces the best favicon kit.

Example inputs

  • Generate favicon.ico and apple-touch-icon.png
  • Create a full favicon package for a new site

How to ship the generated files

For most sites, upload the generated favicon files to the site root or public assets folder, then add the favicon tags in your head metadata. The important part is shipping favicon.ico plus a few PNG sizes and the manifest together, not just one icon file.

Starter install snippet
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#111827">

FAQ

What files are included in the favicon package?

The generated package includes favicon.ico, common PNG sizes, a web manifest, and copy-ready HTML tag snippets.

Do I need all of the exported files?

Not always, but using the full package makes favicon support more consistent across browsers, devices, and home screen shortcuts.

Can I generate the package without uploading to a server?

Yes. The entire favicon workflow runs in the browser.

Does this also make a web app manifest?

Yes. The tool includes a simple site.webmanifest file in the ZIP export.