Favicon
Generator
Create favicons in every standard size from a single image — ICO-ready PNGs, Apple Touch Icon and PWA icons, plus the HTML tags. Free, no upload.
Drop your image here or click to browse
PNG, JPG, WebP or SVG
How It Works
Upload
Drop any PNG, JPG, WebP or SVG image to use as your favicon source.
Generate
Every standard favicon size is generated instantly in your browser.
Download
Grab individual sizes or download everything as a ready-to-use ZIP.
Generate a favicon package online from a single source image, ready to drop into any website or web app. ConverterUp's favicon generator produces eight PNG sizes from 16x16 up to 512x512 — including the 180x180 Apple touch icon and the 192/512 Android and PWA icons — plus an HTML snippet with the link tags to paste into your page. Designers and developers save time by skipping multiple manual exports in image editors. Conversion runs in the browser, so unreleased logos and brand assets remain private and are never stored on a remote server.
Why favicons still matter in 2026
A favicon is the tiny visual anchor that distinguishes your site in browser tabs, bookmarks, history pickers, and tab-overflow menus. With users routinely keeping 30+ tabs open, the favicon is often the only visible part of your brand for hours at a time. A missing or generic favicon is a small but constant signal that the site is amateur.
Beyond browser tabs, favicons drive the icon on iOS and Android home screens when users 'Add to Home Screen', the tile on Windows Start menu pins, the icon in macOS Dock when a PWA is installed, and the avatar in search results that some browsers (Chrome, DuckDuckGo) render next to organic listings.
For PWAs, the manifest icons are load-bearing: without 192 × 192 and 512 × 512 icons declared in manifest.json, the browser will not show the install prompt and Lighthouse will fail the installability audit.
A coherent favicon package also signals attention to detail to the people who matter most for first impressions — recruiters opening your portfolio, customers landing from a Google ad, journalists checking a source. The marginal cost (one source image, one upload) is rounded to zero; the cost of not doing it is a 404 in the network tab and a generic globe in the tab.
Required sizes for modern browsers and OS
16 × 16 and 32 × 32 — classic browser tab favicons. 32 is the modern default; 16 is the fallback for legacy DPI. Modern browsers accept PNG favicons declared with link tags; if you also want a favicon.ico at the site root for old clients, convert the 32 × 32 PNG to ICO with any ICO converter.
180 × 180 — Apple Touch Icon, used by iOS Safari for Home Screen shortcuts. Apple no longer needs separate sizes for each device since iOS 11; 180 is the one to ship.
192 × 192 and 512 × 512 — Android home screen and PWA install icons, declared in the web app manifest. The 512 also doubles as the splash screen icon on Android and as the high-DPI source for desktop PWAs.
maskable variants — Android adaptive icons crop to a circle or squircle. Provide a maskable-purpose icon with a generous safe area (keep the logo inside the central 80 % of the canvas) so the OS does not crop the brand mark.
HTML installation: link tags, manifest, theme color
Drop the generated files into your site root and paste the link tags from the included favicon-tags.html into
: the 16, 32 and 48 px PNG icons, the apple-touch-icon.png, and the 192 and 512 px icons.For a PWA, add a manifest.webmanifest file yourself: declare name, short_name, start_url, display: "standalone", background_color, theme_color, and an icons array pointing to the 192 and 512 PNGs from the package.
Add <meta name="theme-color" content="#2DD4BF"> to set the browser chrome color on Android Chrome and recent versions of Safari. Provide media="(prefers-color-scheme: dark)" variants if your site has a dark mode so the toolbar tint matches both schemes.
Frequently asked questions
What sizes are included in the favicon package?
Eight PNG icons: 16x16, 32x32, 48x48, 64x64, 128x128, 180x180 (apple-touch-icon.png), 192x192 and 512x512, plus a favicon-tags.html file with the HTML link tags. Download each size individually or all of them as one ZIP.
What is the recommended source image size?
Use a square image of at least 512x512 pixels, ideally as PNG or SVG with a transparent background. Smaller sources can be enlarged but will look blurry at the largest sizes.
Are SVG sources supported?
Yes. Upload an SVG and the generator rasterizes it at each target size for crisp results. PNG, JPG and WebP are also accepted.
How do I install the favicon on my site?
Extract the ZIP, copy the PNG files to your site's root or assets folder, and paste the link tags from favicon-tags.html into the head section of your HTML. For PWA installation, reference the 192 and 512 icons in your own web app manifest.
Why does my favicon not update after I replaced it?
Browsers cache favicons aggressively — sometimes for weeks — independent of the regular cache. Force a refresh by versioning the URL (<code>/favicon.ico?v=2</code>), serving the file with a short <code>Cache-Control</code> max-age, or clearing the favicon cache (in Chrome DevTools: Application → Storage → Clear site data).
Do I still need favicon.ico if I provide PNG icons?
Often yes: older browsers and many bots look for /favicon.ico at the site root by convention, and some platforms (RSS readers, link previewers, intranet tools) only check that path. ConverterUp generates PNG icons; convert the 32 × 32 PNG to ICO with an ICO converter if you need that legacy file.