Image Tools

Favicon Generator

Generate browser favicon PNG files, Apple touch icons, Android icons, a web manifest, and HTML tags from one source image.

Generate favicon files, manifest assets, and embed snippets

Source imageSite nameBackground

Flatten transparent pixels onto the selected background color

Preview

Upload a square source image to generate a favicon set.

Includes browser tab, Apple touch icon, Android PWA icons, a web manifest, and ready-to-paste HTML tags.

Generated files

0 assets

Upload an image to preview generated favicon files.

HTML snippet

<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="manifest" href="/site.webmanifest" />
<meta name="application-name" content="Utiloom" />

site.webmanifest

{
  "name": "Utiloom",
  "short_name": "Utiloom",
  "icons": [
    {
      "src": "/android-chrome-192x192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "/android-chrome-512x512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ],
  "theme_color": "#0f172a",
  "background_color": "#ffffff",
  "display": "standalone"
}

About this tool

Build a production-ready favicon asset pack from one square image so your browser tab, home screen icons, and manifest files stay consistent.

Generates common favicon PNG sizes for browsers, Apple touch icons, and Android PWA icons.
Creates a ready-to-use site.webmanifest file and HTML link tags.
Downloads everything in one ZIP so you can drop the files into a web project immediately.

How to use Favicon Generator

Open the interactive panel above, enter your content, and review the output instantly. Utiloom keeps processing in the browser whenever possible so you can move faster without adding server complexity.

Why people use this tool

Search-friendly utility pages work well when they answer a focused job clearly. This page includes descriptive metadata, structured copy, and FAQs to support both visitors and search engines.

Frequently asked questions

Does this generate the full favicon set I need for a website?

Yes. It generates the common PNG favicon sizes, Apple touch icon, Android icons, a web manifest file, and the HTML snippet to reference them.

Can I remove transparency from the favicon source?

Yes. You can flatten transparent pixels onto a background color before export, which helps create cleaner browser and PWA icons.