What size should a favicon be?

You need multiple sizes: 16x16 and 32x32 for browsers, 180x180 for Apple Touch Icon, 192x192 and 512x512 for Android/PWA. Our generator creates all required sizes from a single image.

What is the .ico format?

ICO is a container format that can hold multiple icon sizes in a single file. It's the traditional favicon format supported by all browsers. Modern sites also use PNG favicons alongside .ico files.

How do I add a favicon to my website?

Add this to your HTML head: . For modern browsers, also add: . Our generator provides all the HTML code you need.

For Web Developers

Free Favicon Generator & Checker

Create perfect favicons for your website from any image. Generate all required sizes (ICO, PNG, Apple Touch Icon, Android manifest) in one click.

All Sizes Generated HTML Code Included Cross-Browser

Favicon Tools

Generate and validate favicons for any website

Favicon Generator

All-in-One

Upload any image and generate a complete favicon set - ICO, PNG (16, 32, 48, 192, 512px), Apple Touch Icon (180px), and web manifest.

Generates all required sizes
ICO + PNG + Apple Touch Icon
Web manifest JSON included
Ready-to-use HTML code
Download as ZIP

Favicon Checker

Enter any URL and check if the website has proper favicons configured. View all detected favicon sizes and formats.

Check any website URL
Detect all favicon sizes
Validate Apple Touch Icon
Check web manifest
Download detected favicons

Required Favicon Sizes

Size	Format	Used By	Required
16×16	ICO / PNG	Browser tab, bookmarks bar	Essential
32×32	ICO / PNG	Browser tab (Retina), Windows taskbar	Essential
48×48	ICO	Windows desktop shortcut	Recommended
180×180	PNG	Apple Touch Icon (iOS home screen)	Essential
192×192	PNG	Android Chrome, web manifest	Essential
512×512	PNG	PWA splash screen, web manifest	Essential

How to Add Favicons to Your Website

Add these lines to your HTML <head> section:

<!-- Standard favicon -->
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">

<!-- Apple Touch Icon -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

<!-- Web Manifest (for Android/PWA) -->
<link rel="manifest" href="/site.webmanifest">

Our Favicon Generator creates all these files and provides ready-to-use HTML code automatically.

Make a Great First Impression

A proper favicon makes your site look professional in browser tabs, bookmarks, and mobile home screens. It takes 30 seconds to set up.

Generate Favicons - Free

Frequently Asked Questions

Use a square image at least 512×512 pixels. Higher resolution (1024×1024 or more) produces the best results. Our tool will automatically resize and crop for each required favicon size.

Yes, for maximum compatibility. While modern browsers support PNG favicons, older browsers and some edge cases still look for favicon.ico. Our generator includes both ICO and PNG formats.

Browsers aggressively cache favicons. Try: (1) Clear your browser cache, (2) Open in Incognito/Private mode, (3) Append a query string to the favicon URL like ?v=2, (4) Wait 24 hours - most browsers will eventually refresh it.

Explore More Tools

Image Converters Image Optimization Resize Images Barcode & QR Tools

Image Editing

Converters

Background AI

GIF & Video

Utilities

Barcode & QR