Favicon Generator
Create favicons from images for your website.
Click to upload an image
Recommended: Square image (512×512 or larger)
SVG files support light/dark mode variants
About this tool
Generate favicons in multiple sizes from any image. Create ICO files and PNG icons for different devices and browsers. Preview how your favicon will look in browser tabs.
Features
- Generate favicons from any image or SVG
- Create multiple sizes for different devices
- Preview how favicons look in browser tabs
- Customize with rounded corners, backgrounds, and tinting
How to Use
- Upload an image or SVG file
- Customize the favicon appearance with styling options
- Preview the favicon in a simulated browser tab
- Download the generated favicon files
Frequently Asked Questions
Which favicon sizes do I actually need?
The practical minimum set in 2026: a 32×32 PNG for most browser tabs, a 180×180 apple-touch-icon for iOS, and an SVG favicon for dark-mode-aware rendering. The old ICO file with 16/32/48 sizes is worth shipping for Windows legacy, but PNG+SVG is what renders in modern browsers.
Is an ICO file still necessary?
For broad compatibility, yes — Edge on Windows still pulls from /favicon.ico when nothing else is declared. But once you have a `<link rel="icon" type="image/png" sizes="32x32">` in your head, the ICO fallback is only for URL-bar favicons in a handful of legacy places.
Why does my favicon look blurry?
You're probably upscaling a small image. Favicons need to be authored at the target size or in vector form. If you start from a 16×16 PNG and export at 512×512, it'll be blurry. Start from an SVG or a canvas 512×512 or larger, and downscale for each size you need.
Should I support dark mode with my favicon?
If you have one — use an SVG with a @media (prefers-color-scheme: dark) block inside. Chromium and Firefox apply the right variant based on the browser theme. It's a small touch that keeps your favicon visible against dark browser chrome.
Can I animate a favicon?
Yes — animated GIFs and canvas-injected favicons work. Notification-dot libraries like Favico.js update the favicon live (unread counts, status). But browsers throttle favicon updates, so don't expect 60fps; a tick every few seconds is the practical ceiling.