Favicon
Generator
Upload any image and generate favicons in all standard sizes. Download individually or grab them all as a ZIP.
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
All standard favicon sizes are generated instantly using the Canvas API.
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 every standard size from 16x16 up to 512x512, including Apple touch icons, Android home screen icons, and a manifest snippet you can paste into your HTML. 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.
ToolSeo.favicon-generator.section1.p5
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. Both ship inside a multi-resolution favicon.ico.
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.
ToolSeo.favicon-generator.section2.p5
HTML installation: link tags, manifest, theme color
Drop the generated files into your site root and paste the following into <head>: <link rel="icon" href="/favicon.ico" sizes="32x32">, <link rel="icon" href="/icon.svg" type="image/svg+xml">, <link rel="apple-touch-icon" href="/apple-touch-icon.png">, and <link rel="manifest" href="/manifest.webmanifest">.
The manifest.webmanifest file ties the package together for PWAs: declare name, short_name, start_url, display: "standalone", background_color, theme_color, and the icons array with 192 and 512 entries.
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.
ToolSeo.favicon-generator.section3.p4
ToolSeo.favicon-generator.section3.p5
ToolSeo.favicon-generator.section4.heading
ToolSeo.favicon-generator.section4.p1
ToolSeo.favicon-generator.section4.p2
ToolSeo.favicon-generator.section4.p3
ToolSeo.favicon-generator.section4.p4
ToolSeo.favicon-generator.section4.p5
ToolSeo.favicon-generator.section5.heading
ToolSeo.favicon-generator.section5.p1
ToolSeo.favicon-generator.section5.p2
ToolSeo.favicon-generator.section5.p3
ToolSeo.favicon-generator.section5.p4
ToolSeo.favicon-generator.section5.p5
Frequently asked questions
What sizes are included in the favicon package?
The ZIP contains 16x16, 32x32, 48x48, 96x96, 144x144, 152x152, 180x180, 192x192, 256x256, 384x384, and 512x512 PNG icons, plus a multi-resolution favicon.ico for legacy browsers.
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 will rasterize it at each target size for crisp results without anti-aliasing artifacts. PNG and JPG are also accepted.
How do I install the favicon on my site?
Extract the ZIP, copy the files to your site's root or assets folder, and paste the provided link tags into the head section of your HTML. The included manifest file enables installation as a Progressive Web App.
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?
Yes, for two reasons: older browsers and many bots look for <code>/favicon.ico</code> at the site root by convention, and some platforms (RSS readers, link previewers, intranet tools) only check the ICO path. The cost is small — a 4-8 KB multi-resolution ICO covers all legacy clients.
ToolSeo.favicon-generator.q7
ToolSeo.favicon-generator.a7
ToolSeo.favicon-generator.q8
ToolSeo.favicon-generator.a8