Favicon Generator
Processed Client SideUpload any image to produce a multi-size favicon.ico plus every PNG icon size a modern site needs, and copy the ready-to-paste link tags. All done in your browser.
Bookmark this tool now — skip the search next time you need it.
About Favicon Generator
This tool runs entirely in your browser. Whatever you paste is processed on your own device and is never uploaded, logged, or sent to any server.
Upload one image and get every icon file a modern site actually needs, generated in your browser. Modern favicons are not one file — you need a multi-resolution favicon.ico for legacy browsers, an apple-touch-icon at 180px for iOS home screens, and 192px and 512px PNGs for Android and installable web apps. This produces all of them from a single source, packages the small sizes into a real multi-image .ico, and gives you the link tags to paste into your head. Nothing is uploaded, which matters when the source is unreleased branding. Each size can be downloaded on its own or the .ico taken as a single file, so you can take only the pieces your project is missing rather than a bundle you have to unpack.
Key features
- Generates seven sizes from one source image: 16, 32, 48, 64, 180, 192, and 512 pixels
- Packs the 16, 32, and 48 pixel versions into a genuine multi-resolution favicon.ico
- apple-touch-icon at 180px for iOS home screen bookmarks
- android-chrome 192px and 512px PNGs for Android and installable web apps
- Ready-to-paste link tags for your document head
- Live preview of every generated size, so you can see how the icon holds up when small
- Drag and drop, with files up to 10 MB
- Every size downloadable individually, as well as the packed .ico, so you can take only what you need
- The .ico is assembled in the page from the generated PNGs — a real icon container, not a renamed image
- Runs entirely in your browser — unreleased logos are never uploaded
How to use it
- Drop in your source image — square, and at least 512 pixels.
- Review the generated previews, paying attention to the 16px version.
- Download the favicon.ico and the PNG sizes.
- Copy the link tags into your document head and place the files at your site root.
Tips & common mistakes
- Start from a square image of at least 512px. Upscaling a small source produces soft icons at every size, and the largest one is the most visible.
- Design for 16px first. A logo with fine detail or small text turns to mush in a browser tab — most brands need a simplified mark rather than the full logo.
- The .ico file still matters. It is what older browsers and some feed readers request by default, and serving only PNGs leaves a blank tab in those clients.
- Transparent PNG source is usually right, but check the result against both light and dark browser chrome — a dark logo disappears against a dark tab bar.
- The 192px and 512px icons are what Android and installable web apps use for the home screen. Reference them from your web app manifest as well as the link tags.
- Favicons are cached aggressively. After replacing one, add a query string to the link tag or expect to wait before you see the change.
- A non-square source is fitted rather than cropped for you, so decide the crop in your image editor first. Icons are read at a glance and an off-centre mark reads as a mistake rather than as a style.
- Serve the files from your site root. Browsers request /favicon.ico there by default even when no link tag points at it, and that default request is what several feed readers and link previewers rely on.
- Have an SVG you need as a raster image instead? Convert it with SVG to PNG converter.
- Also need the surrounding meta tags — title, description, Open Graph — for the page? Generate them with the Meta Tag Generator.