Favicon Generator Online
Make a favicon.ico plus every PNG size from one image — privately in your browser. Drops, generates, downloads.
Drop a square logo or image here
PNG, JPEG, WebP, SVG — generates 10 sizes + favicon.ico
How to generate a favicon online
Drop a square logo into the box above — 512 × 512 or larger is ideal so every smaller size is a clean downscale. The tool generates a multi-size favicon.ico plus ten individual PNGs (16, 32, 48, 64, 96, 128, 180, 192, 256, 512), then offers a ready-to-paste HTML snippet for your <head>. Everything runs in your browser; the logo never leaves your device.
Where each size is used
- 16, 32, 48 px — bundled inside favicon.ico for browser tabs and bookmark icons
- 180 px — apple-touch-icon for iOS Safari home-screen shortcuts
- 192 px, 512 px — Android home-screen and Web App Manifest icons
- 32, 64, 96, 128, 256 px — modern
<link rel="icon">tags by exact pixel size
What you can do
- Drop any image — PNG, JPEG, WebP, or SVG
- Transparent or solid-color background
- 10 PNG sizes + a real multi-size favicon.ico
- HTML <head> snippet ready to copy
- No watermark, no signup, no upload
Frequently asked questions
How do I generate a favicon online for free?
Drop a square image — ideally a logo at 512 × 512 or larger — into the box above. The tool produces a favicon.ico plus every PNG size used by modern browsers and iOS. Download them all and paste the HTML snippet into your site's <head>.
Does ToolChop upload my image?
No. The generation runs in your browser using the Canvas API. Your logo never leaves your device — there is no upload, no temporary storage, and no copy on our servers. That matters when the logo is unreleased or trademarked.
What sizes does the tool produce?
Ten PNGs (16, 32, 48, 64, 96, 128, 180, 192, 256, 512) and a favicon.ico that bundles the 16, 32, and 48 px variants. The 180 px PNG is renamed apple-touch-icon.png to match Apple's convention. This covers every modern browser, iOS Safari, Android home-screen, and the legacy IE/Edge behavior.
Do I really need a favicon.ico in 2026?
Yes — it is still the most universally recognized fallback. Modern browsers prefer the PNG link tags, but unknown crawlers, RSS readers, and some bookmarks still look for /favicon.ico at the site root. Shipping both keeps you future-proof and backward-compatible.
What input size should I use?
Start at 512 × 512 or larger. The tool downscales with high-quality smoothing, so a big input produces sharp small sizes. Avoid uploading a 32 px source — the larger PNGs would be a blurry upscale.
My logo is not square — what happens?
We fit-cover it: the longer dimension is cropped so the result is square. To keep more of the image visible, pre-crop it to a square in our crop-image tool before generating the favicon.
Should the background be transparent or a solid color?
Transparent is best when your logo is solid and has clean edges — it adapts to dark and light browser themes automatically. Use a solid color when your logo has anti-aliased edges that would otherwise look fuzzy against transparency, or when you want a consistent badge look across themes.
Where do I put the favicon files?
At your site's root, alongside index.html: favicon.ico, favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png, favicon-192x192.png, favicon-512x512.png. Then paste the HTML snippet from the tool into your <head>. Next.js and most static-site generators auto-pick up files from /public.
What is the difference between favicon.ico and a PNG favicon?
favicon.ico is a Windows-era container that can hold multiple sizes in one file — small clients fall back to it. PNG favicons declared with <link> tags give browsers a single optimized size for the current display. Modern best practice: ship both, let the browser pick.
Does the tool generate a manifest.json or webmanifest?
Not yet — a future release will. For now, copy the standard manifest snippet from the docs of your framework (Next.js, Astro, SvelteKit, etc.) and reference the 192 and 512 PNGs as the manifest's icons.
Why is the ICO format I see different from what other generators output?
ToolChop's ICO bundles PNG-encoded sub-images — the modern variant supported by every major browser since 2010. Older generators emit BMP-encoded ICOs, which are larger and identical visually. PNG-in-ICO is the right default in 2026.
Why use ToolChop instead of favicon.io or realfavicongenerator?
Both of those upload your image to a server. For unreleased branding, unreleased products, or anything under NDA, that is an unnecessary risk. ToolChop runs the generation entirely in your browser — the logo never leaves your device.
Can I generate a favicon from an SVG?
Yes. SVGs are decoded by the browser like any other image, then rasterized into PNGs at every size. Result: clean, anti-aliased favicons that still look sharp at 16 × 16. SVG is the recommended input format.