Favicon Generator

Create favicons, Apple touch icons, and manifest snippets from a single uploaded image.

Source image

Upload a square logo or icon to generate favicon variants.

Stick to a square canvas to keep edges crisp on small browser tabs.

Output sizes

Pick at least one size for web, mobile, or maskable icons.

3 selected··

Source summary

Confirm the file details behind your favicon set.

Variants

Preview and download every generated favicon.

Snippets

Copy ready HTML and manifest entries for your site.

HTML link tags

<link rel="icon" href="/favicon.png">

site.webmanifest

{
  "icons": []
}

Documentation

Favicon Generator

Full Docs

About this tool

Favicon Generator creates favicon files, touch icons, manifest entries, and copy-ready snippets from one source image. Use it when preparing browser and install icons for a site.

Input rules

Upload PNG, JPEG, WebP, or GIF files up to 5 MB.

Square, high-resolution images produce the cleanest results. Transparent backgrounds are preserved when the source format supports them.

Outputs

The generated bundle includes selected icon sizes, previews, and HTML or manifest snippets for placement in the page head or app manifest.

info

Gotchas

Small source images can produce blurry icons. Start with the largest clean source available.

Check filenames, sizes, and snippets before publishing.

tips_and_updates

Key use cases

  • -Generate a favicon bundle from a logo.
  • -Prepare icons for browser tabs, bookmarks, and shortcuts.
  • -Create PWA-related manifest entries.
  • -Review preview sizes before downloading assets.

FAQ