Free tool

Favicon generator

Generate all favicon sizes + ICO file from a single image. Covers browser tabs, Apple Touch Icon, Android PWA icons. Includes HTML meta tags and manifest.json. One click, instant download.

Drop your logo or icon, click to browse, or Ctrl+V to paste

Recommended: 512x512px or larger, square aspect ratio

What is Favicon Generator?

A favicon is the small icon displayed in browser tabs, bookmarks, history lists, and mobile home screens. Modern websites need favicons in multiple sizes for different platforms: 16×16 and 32×32 for browser tabs, 180×180 for Apple Touch Icons on iOS, and 192×192 and 512×512 for Android PWA (Progressive Web App) manifest icons. This favicon generator creates all 9 essential sizes plus a multi-size ICO file from a single source image entirely in your browser. It also generates the HTML link tags and manifest.json snippet you need to install the favicons on your website. Upload your logo or icon, and the tool instantly generates pixel-perfect favicons for every platform. For best results, use a square image at least 512×512 pixels. No server upload is required — your brand assets stay private.

How to Use Favicon Generator

1
Upload your source image
Drag and drop your logo, icon, or any square image. For best results use a 512×512px or larger image with a simple, recognizable design that works at small sizes.
2
Generate all sizes
Click Generate All Sizes to create favicons in 9 PNG sizes (16-512px) plus a multi-size ICO file containing 16, 32, and 48px versions.
3
Download and install
Download individual sizes, the ICO file, or all at once. Copy the HTML link tags and paste them into your page head. Copy the manifest.json icons snippet for PWA support.

Features

Generates all 9 PNG sizes + multi-size ICO file (16, 32, 48px)
Covers browser tabs, Apple Touch Icon (180px), and PWA icons (192, 512px)
Ready-to-copy HTML link tags for all sizes
manifest.json icons snippet for PWA support
Visual preview of each generated size
Zero server upload — all generation in your browser

Related Tools

Image Compressor

Compress JPEG, PNG and WebP images in your browser. Batch processing, adjustable quality, instant download.

Open tool

Image Resizer

Resize images to exact pixel dimensions with aspect ratio lock and common size presets.

Open tool

Image to Base64

Convert any image to Base64 string or data URI for embedding in HTML, CSS and JSON.

Open tool

Image Format Converter

Convert between JPEG, PNG and WebP with adjustable quality. See file size comparison.

Open tool

Color Picker from Image

Extract HEX, RGB and HSL colors from any image. Click pixels to build color palettes.

Open tool

Image Cropper

Crop images with preset ratios — 1:1, 16:9, 4:3, 3:2 and free-form. Pixel-precise controls.

Open tool

See all Image tools

Frequently Asked Questions

What image should I use as the source?+

Use a square image at least 512×512 pixels. Simple logos and icons with bold shapes work best since they need to be recognizable at 16×16 pixels. Avoid text-heavy designs that become unreadable at small sizes.

What is the ICO file for?+

The ICO file (favicon.ico) is a multi-size icon that contains 16×16, 32×32, and 48×48 versions in a single file. Place it at your website root (/favicon.ico) for maximum browser compatibility. Browsers automatically look for this file.

What sizes do I actually need?+

At minimum: favicon.ico (multi-size), 180×180 (Apple Touch Icon), and 192×192 (Android). For complete coverage, include all 9 PNG sizes plus the ICO. The 512×512 is required for PWA splash screens.

How do I add favicons to my website?+

Place the files in your site root and copy the HTML link tags provided by the tool into your page <head>. For PWAs, add the manifest.json icons snippet to your web app manifest.

Why does my favicon look blurry?+

The source image is likely too small or has too much detail. Start with a 512×512px or larger square image with a simple design. Complex logos with thin lines become unclear at 16×16 pixels.

Is my logo uploaded to a server?+

No. All favicon generation happens in your browser using the Canvas API. Your brand assets never leave your device.

What is Favicon Generator?

How to Use Favicon Generator

Upload your source image

Drag and drop your logo, icon, or any square image. For best results use a 512×512px or larger image with a simple, recognizable design that works at small sizes.

Generate all sizes

Click Generate All Sizes to create favicons in 9 PNG sizes (16-512px) plus a multi-size ICO file containing 16, 32, and 48px versions.

Download and install

Download individual sizes, the ICO file, or all at once. Copy the HTML link tags and paste them into your page head. Copy the manifest.json icons snippet for PWA support.

Features

Generates all 9 PNG sizes + multi-size ICO file (16, 32, 48px)

Covers browser tabs, Apple Touch Icon (180px), and PWA icons (192, 512px)

Ready-to-copy HTML link tags for all sizes

manifest.json icons snippet for PWA support

Visual preview of each generated size

Zero server upload — all generation in your browser

Frequently Asked Questions

What image should I use as the source?+

What is the ICO file for?+

What sizes do I actually need?+

How do I add favicons to my website?+

Place the files in your site root and copy the HTML link tags provided by the tool into your page <head>. For PWAs, add the manifest.json icons snippet to your web app manifest.

Why does my favicon look blurry?+

The source image is likely too small or has too much detail. Start with a 512×512px or larger square image with a simple design. Complex logos with thin lines become unclear at 16×16 pixels.

Is my logo uploaded to a server?+

No. All favicon generation happens in your browser using the Canvas API. Your brand assets never leave your device.