Favicon Generator

Create favicons in all standard sizes from any image.

Favicon Generator

Create favicons in all sizes

🎨

Click to upload an image

Supports JPG, PNG, SVG (square images work best)

All Sizes: Generates favicons in all common sizes (16x16, 32x32, 64x64, 128x128, 192x192, 512x512). Use 16x16 and 32x32 for browser tabs, larger sizes for mobile devices and app icons.

🌐Standard Favicon

Use 16x16 and 32x32 for your website's favicon:

<link rel="icon" href="favicon-32x32.png">

📱Mobile Icons

Use 192x192 and 512x512 for mobile devices:

<link rel="apple-touch-icon" href="favicon-192x192.png">

Favicon Size Guide & HTML Implementation

1. Upload your image

Upload a square image — PNG or SVG works best. Use a simple, bold design with high contrast. Avoid thin lines or fine text that becomes unreadable at 16×16 pixels.

2. Generate all sizes

The generator creates all required favicon sizes from your source image. Browser tabs use 16×16 and 32×32. iOS home screen icons use 180×180. Android Chrome uses 192×192 and 512×512.

3. Add HTML link tags

Place favicon files in your website root and add the corresponding link tags to your HTML head. Use the reference below for the correct tag syntax for each size and platform.

Required Favicon Sizes Reference

SizeFormatWhere usedHTML tag
16×16ICO / PNGBrowser tab<link rel="icon" sizes="16x16" href="/favicon-16x16.png">
32×32ICO / PNGBrowser tab (HiDPI)<link rel="icon" sizes="32x32" href="/favicon-32x32.png">
48×48ICOWindows taskbar shortcutIncluded in multi-size .ico file
180×180PNGiOS / macOS Safari home screen<link rel="apple-touch-icon" href="/apple-touch-icon.png">
192×192PNGAndroid Chrome home screen<link rel="icon" sizes="192x192" href="/icon-192.png">
512×512PNGAndroid Chrome splash screen<link rel="icon" sizes="512x512" href="/icon-512.png">

ICO vs PNG Favicons

ICO files can contain multiple resolutions in a single file — browsers pick the most appropriate size automatically. This format has the broadest support including older browsers. PNG favicons are cleaner, support full transparency, and are required for Apple Touch Icons and Android manifest icons. The recommended approach is to serve a favicon.ico at the root for legacy browser support, plus individual PNG files declared with explicit link tags for modern platforms. Most modern browsers (Chrome, Firefox, Edge, Safari) prefer the PNG link tags over the legacy ICO file when both are present.

FAQ

Favicon Generator