image-tools developer-tools seo

Favicon Generator

Upload a logo or image and generate a complete favicon set — PNG sizes from 16px to 512px, plus a multi-resolution ICO file.

Upload Image (PNG, JPG, WebP, GIF, BMP — max 10 MB)

Drop image here or click to browse

Your image will be centre-cropped to a square

Add 10% transparent padding (recommended for logos that touch the edges)

Advanced options

Deployment preset ?

Icon URL path prefix (optional) ?

Example: /static/images/favicons creates paths like /static/images/favicons/favicon.ico in the generated snippet and manifest.

Manifest name ?

Use your complete brand or product name, for example: Acme Dev Tools.

Manifest short name ?

Try 8-12 characters so mobile home-screen labels do not get truncated.

Theme color ?

Use a hex color like #ffffff or #0f172a to match your brand.

Background color ?

For clean startup screens, match this to the first screen your users see.

Manifest display ?

Recommended default: standalone for most web apps and tool sites.

11 PNG Filenames

Includes favicon-16x16.png, favicon-32x32.png, favicon-48x48.png, favicon-64x64.png, favicon-96x96.png, favicon-128x128.png, favicon-256x256.png, favicon-512x512.png, apple-touch-icon.png, web-app-manifest-192x192.png, and web-app-manifest-512x512.png.

Multi-resolution ICO

Generates favicon.ico with embedded 16x16, 32x32, and 48x48 icon layers for legacy browser support.

Complete ZIP Package

ZIP also includes favicon.svg, site.webmanifest, favicon-html-snippet.html, and favicon.ico for direct deployment.

How It Works

Upload a source image (PNG, JPG, WebP, GIF, or BMP) up to 10 MB.

Optional: enable padding if your logo touches the edges and needs breathing room.

Open Advanced options and choose a deployment preset (Root, Static folder, or Custom path).

If needed, set a custom icon URL path prefix so generated manifest and HTML tag paths match your site structure.

Set manifest metadata (name, short name, display mode, theme color, and background color) for installable app behavior.

Click Generate Favicon Set to create all icon files, site.webmanifest, and a ready-to-paste HTML snippet.

Download the ZIP and place files in your chosen location, then add the generated HTML tags to your page head.

Why Use This Tool?

Standards-ready output: Includes modern favicon files, a web app manifest, and legacy ICO support.

Faster deployment: Use presets to generate paths that fit common root and Django static setups.

Safer customization: Advanced options let you control app name, display mode, and brand colors without manual edits.

Frequently Asked Questions

What files are included in the generated package?

You get favicon PNGs, favicon.ico, favicon.svg, apple-touch-icon.png, web app manifest icons, site.webmanifest, and an HTML snippet file.

When should I use a custom icon URL path prefix?

Use a custom prefix when favicon files are served from a non-root path such as /assets/favicons. Leave it empty for root-style paths.

What does Manifest display control?

It controls how installed web apps open: browser tab, minimal UI, standalone app window, or fullscreen mode.

Do I need to write HTML tags manually?

No. The tool generates a complete HTML snippet you can copy and paste into your template or page head.