Favicon Generator
Generate favicons in all standard sizes from any image. Download each size individually or all at once. All processing happens in your browser.
Drop your image here, or click to browse
Supports JPEG, PNG, WebP, GIF
How to Generate Favicons
- 1
Upload Source Image
Select a square image or logo — ideally at least 512×512 pixels.
- 2
Preview Sizes
See how your favicon looks at 16×16, 32×32, 48×48, and 64×64 pixels.
- 3
Download Favicons
Download individual sizes or all favicons as a set.
- 4
Add to Your Website
Place the favicon files in your site's root directory and add the appropriate link tags.
What is a Favicon?
A favicon (favorites icon) is the small icon displayed in browser tabs, bookmarks, and browser history. It helps users quickly identify your website among many open tabs and bookmarked sites.
Modern browsers and devices use favicons at different sizes: 16×16 for browser tabs, 32×32 for taskbar shortcuts, 48×48 for Windows site icons, and larger sizes for mobile home screen bookmarks.
Start with a high-resolution source image (512×512 or larger) for the best results. Simple, bold designs with strong contrast work best at small sizes. Avoid text or fine details that become illegible when scaled down.
Key Features
Common Use Cases
- •Create browser tab icons for new websites
- •Update existing website favicons with new branding
- •Generate complete favicon sets for cross-browser compatibility
- •Create app icons from existing logos for progressive web apps
- •Produce bookmark icons that stand out in crowded bookmark bars
Frequently Asked Questions
What image should I use as a favicon source?
Use a simple, high-contrast logo or icon. The source should be square and at least 512×512 pixels. Avoid images with text or fine details that won't be visible at 16×16 pixels.
What sizes do I need for a favicon?
At minimum, include 16×16 (browser tabs) and 32×32 (high-DPI tabs). For full compatibility, also include 48×48 and 64×64 for taskbar icons.
How do I add a favicon to my website?
Place the favicon files in your site's root directory and add link tags in your HTML head: <link rel='icon' type='image/png' sizes='32x32' href='/favicon-32x32.png'>
Should I use ICO or PNG format?
PNG is recommended for modern browsers. ICO files are only needed for legacy IE support. This tool generates PNG favicons which work in all modern browsers.