Favicon Generator
One image in, a complete icon set out.
Choose image
or drop it anywhere on this page
JPG · JPEG · PNG · WEBP · AVIF · GIF · BMP · TIFF · TIF · SVG · +3
Processed on your device — never uploaded
How to favicon generator
- Upload a square image — 512 pixels or larger works best.
- Adjust shape, padding and background, checking the small-size previews.
- Download the ZIP and paste the generated HTML into your <head>.
About this tool
The favicon situation accumulated cruft for two decades: a legacy .ico for old Windows browsers, PNGs at a handful of sizes for modern ones, a larger Apple touch icon for iOS home screens, and manifest entries for Android and installable web apps.
This generates the whole set from one source image, previews it at the sizes that actually matter, and hands you the markup to paste into your head element. Everything is rendered with Canvas in your own browser, so an unreleased logo does not get uploaded anywhere on its way to becoming an icon.
Questions
What sizes do I actually need in 2026?
A 32×32 PNG covers modern browser tabs, a 180×180 Apple touch icon covers iOS home screens, and 192×192 plus 512×512 cover Android and PWA installs. A multi-resolution .ico is still worth including for older Windows browsers. This tool emits all of them.
Why does my logo look like mush in the tab?
Because a favicon is roughly sixteen pixels square, which is not enough room for detail. Wordmarks and thin strokes disappear entirely. Successful favicons are usually a single letter, a simple glyph, or a bold shape — reduce your logo to its most recognisable element rather than shrinking the whole thing.