Upload any image and generate favicons in all standard sizes — 100% client-side
Drop an image here or click to browse
Supports PNG, JPG, SVG, WebP — square images work best
A favicon is the small icon browsers show in tabs, bookmarks, history lists, and on mobile home screens. This tool takes one source image (PNG, JPG, SVG, or WebP) and generates the full set of favicon files a modern site needs, including the multi-resolution favicon.ico plus PNG variants at 16x16, 32x32, 48x48, 180x180 (Apple touch icon), and 192x192/512x512 (Android/PWA maskable icons).
It is built for web developers, designers, and anyone launching a site or web app who wants a favicon that renders crisply across Chrome, Safari, Firefox, Edge, and iOS/Android home screens without hand-exporting each size in an image editor. Everything runs in your browser, and you get a ready-to-download bundle plus the HTML link tags to paste into your page head.
Browsers request favicons at different sizes for different surfaces. Desktop tabs typically use 16x16 or 32x32, high-DPI displays use 32x32 or 48x48, iOS home screens use the 180x180 apple-touch-icon, and Android/PWA installs read 192x192 and 512x512 icons from a web app manifest. The legacy favicon.ico is a container format that can hold several bitmaps at once (commonly 16, 32, and 48), which is why a single .ico still works as a universal fallback.
This tool downscales your source with high-quality resampling for each target dimension rather than letting the browser shrink one large image, which avoids the blurring and color fringing that automatic scaling can cause at 16x16. Because tiny icons have very few pixels to work with, bold shapes and strong contrast read far better than thin lines or small text.
For PWA maskable icons the platform may apply a mask (circle, squircle, rounded square) and crop toward the center. Keeping your important content within roughly the central 80 percent safe zone, and adding a background fill, prevents the logo from being clipped when installed to a home screen.
Upload a square image of at least 512x512 pixels. PNG with transparency, SVG, JPG, and WebP are all accepted. Starting large and letting the tool downscale gives the cleanest results at 16x16 and 32x32.
It is recommended. Modern browsers happily use PNG icons declared in link tags, but favicon.ico at the site root remains the reliable fallback for older browsers and requests that do not read your HTML head. This tool generates both.
The tool outputs the link and meta tags to paste into your page head, typically a link for the .ico, a link with sizes for the 32x32 PNG, an apple-touch-icon link for iOS, and a manifest reference for Android/PWA. Then upload the icon files to your web root.
Usually it is browser caching or a source image that was too small or too detailed. Hard-refresh or clear the cache, and if fine details vanish at 16x16, use a simpler high-contrast version of your logo.
Maskable icons are used when a PWA is installed to an Android home screen; the system may crop them into a circle or rounded square. Keep key content in the center safe zone and add a background so nothing important gets cut off.
Yes, it is completely free with no sign-up. Generation happens in your browser, so your source image is processed locally and is not uploaded to or stored on a server.
Yes. SVG sources are rasterized to each target size, which keeps edges crisp. The tool also outputs bitmap PNG and ICO files for the widest browser support since not all contexts accept SVG favicons.