Drag & drop your logo or icon here
or
JPEG · PNG · WebP · GIF · SVG supported
All resizing happens in your browser — your image is never uploaded
How it works
Drop your image
Any square or non-square image works. Non-square images are centre-cropped automatically. For best quality, use an image at least 512×512 px.
All sizes generated instantly
Your browser resizes the image to 7 standard sizes using the Canvas API. No server, no waiting; all processing is local.
Download what you need
Download individual PNGs, a single favicon.ico (16+32+48px), or the full set as a ZIP with installation instructions.
Frequently asked questions
What sizes does a favicon need to be?
A complete set includes 16×16 and 32×32 for browser tabs, 48×64 for the Windows taskbar, 180×180 for the Apple touch icon (iPhone home screen shortcut), and 192×512 for PWA icons. The favicon.ico file packs 16, 32, and 48px PNGs into one container for maximum browser compatibility.
Are my images uploaded to a server?
No. All resizing and .ico generation happens entirely in your browser using the Canvas API. Your image never leaves your device.
What image formats can I use as a source?
JPEG, PNG, WebP, GIF, and SVG. For best results, start with a square image — non-square images are centre-cropped to fit. Use the largest version you have (ideally 512×512 or larger) for the sharpest small-size output.
How do I install the favicon on my website?
Place favicon.ico at your site root, then add these tags to your HTML <head>: <link rel="icon" href="/favicon.ico" sizes="any">, <link rel="icon" href="/favicon-32x32.png" type="image/png">, and <link rel="apple-touch-icon" href="/favicon-180x180.png">.
What is the difference between favicon.ico and PNG favicons?
favicon.ico is the classic format supported by all browsers; it packs multiple sizes into one file. PNG favicons are used by modern browsers, Apple devices, and PWA manifests. You typically need both: a PNG link tag in your HTML and a fallback favicon.ico at the root of your site.