Skip to content
Kordu Tools
Image Tools Runs in browser Updated 08 Apr 2026

Favicon Generator

Generate a complete favicon set from any image — ICO, PNG at 16×16 through 512×512, and Apple Touch Icon. Download as ZIP.

Drop an image here or click to upload

PNG, JPG, WebP, GIF, SVG — square images work best

Loading rating…

How to use Favicon Generator

  1. Upload your image

    Click to upload or drag and drop a square image. PNG is recommended for best quality. The tool accepts PNG, JPG, WebP, GIF, and SVG.

  2. Preview the generated sizes

    The tool automatically generates previews at all sizes — 16×16 through 512×512. Check they look sharp at small sizes.

  3. Download the favicon package

    Click 'Download ZIP' to get all files in one package: favicon.ico, multiple PNG sizes, and the Apple Touch Icon.

  4. Copy the HTML tags

    Copy the generated HTML link tags and paste them into your website's <head> section to activate all favicon sizes.

  5. Upload to your site root

    Place favicon.ico in your site's root directory. Browsers look for it there automatically, even without an explicit link tag.

Favicon Generator FAQ

What is a favicon?

A favicon is the small icon that appears in browser tabs, bookmarks, and browser history next to your site's name. Modern browsers also use larger favicon sizes for home screen shortcuts, pinned tabs, and progressive web app icons.

What image should I use as the source?

Use a square image with a simple, recognizable design that reads well at very small sizes (16×16). Your logo or brand mark typically works well. PNG with a transparent background is ideal — it looks better on browsers with non-white tab bars.

Why do I need multiple sizes?

Different contexts require different sizes: browsers use 16×16 and 32×32 for tabs, iOS uses 180×180 for Apple Touch Icons, Android uses 192×192 for home screen shortcuts, and Windows uses 48×48 for pinned sites. The tool generates all these automatically.

What is an ICO file?

ICO is a Windows icon format that can contain multiple image sizes in a single file. Browsers historically look for favicon.ico in the site root. Modern HTML link tags for PNG favicons are more flexible, but ICO is still needed for legacy browser support and many third-party tools.

Is my image uploaded anywhere?

No. All resizing and file generation runs entirely in your browser using the Canvas API. Your image is never sent to any server.

What HTML do I need to add?

The tool generates the exact HTML link tags you need. The minimum is: <link rel='icon' href='/favicon.ico'> for legacy support, plus <link rel='icon' type='image/png' sizes='32x32' href='/favicon-32x32.png'> and <link rel='apple-touch-icon' href='/apple-touch-icon.png'> for modern browsers.

Background

Favicon Generator produces a complete favicon set from a single source image. Upload a square PNG, JPG, SVG, or WebP image and the tool outputs everything you need to cover all browsers and devices: a multi-resolution ICO file containing 16×16, 32×32, and 48×48 frames (the legacy format still required by many tools and browsers), individual PNG files at 16, 32, 48, 96, 192, and 512 pixels, and a 180×180 Apple Touch Icon for iOS home screen bookmarks.

All resizing uses Canvas with bicubic-quality downsampling. You can preview each generated size before downloading. Download all files as a single ZIP or pick individual sizes. The tool also generates the HTML link tags to paste into your document head.

All processing runs entirely in your browser — your image is never uploaded to any server. Works on any image format the browser can decode: PNG, JPG, WebP, GIF, and SVG (via Image element).