Best for many logos and symbols. PNG can preserve transparent pixels and crisp edges. Learn about alpha transparency and small-size artwork.
How it works
Three steps to a perfect favicon
Favicoo converts your image entirely inside the browser using the Canvas API — no server, no upload, no waiting.
1
Drop or paste your image
Upload a PNG, JPG, JPEG or WebP image by dragging it onto the drop zone, clicking to browse, or pasting from your clipboard with Ctrl+V. Favicoo reads the file locally — it never leaves your device.
2
Choose your output sizes
Select from 16×16, 32×32, 48×48, 64×64, 128×128 and 256×256 pixels. Favicoo exports one .ico file per selected size, so you can download exactly what you need or save all selected sizes in a ZIP archive.
3
Download your .ico file
Click Generate favicons. Favicoo renders a separate ICO for each selected dimension; download any result individually or package every output into a ZIP.
The format
Why .ICO instead of PNG for favicons?
ICO remains a practical format for website favicons and compatibility. It can contain different image sizes, while this tool exports each chosen size as a separate file for flexible use.
.ICO
A familiar favicon format supported by browsers and desktop environments. Favicoo creates individual ICO files at the dimensions you select.
.PNG
Modern browsers can also use PNG favicons through <link rel="icon" type="image/png">. PNG is a useful modern option, especially when you want to declare a specific image size.
.SVG
SVG favicons are scalable and useful in modern browsers, but support differs across older browser versions and target environments. You can pair SVG with an ICO fallback when broad compatibility is important.
Use cases
Who uses Favicoo and why
From indie makers to enterprise devs — anyone who builds for the web needs a great favicon.
Web Developers
Generate size-specific favicon ICOs in seconds — no Photoshop, no ImageMagick, no CLI. Works right in your browser during development.
Designers
Export your logo or icon artwork from Figma, Illustrator, or Canva as PNG — then convert to .ico in one click. Preview each size before downloading to catch pixelation early.
Bloggers & Content Creators
Setting up WordPress, Ghost, Substack, or a custom site? Favicoo turns any square image — even a selfie or your brand mark — into a proper favicon without touching your CMS settings.
Startup Founders
Launching an MVP this weekend? Don't get stuck on tooling. Drop your brand icon in, pick 16, 32, and 64, and ship. You can always refine later — but you need a favicon now.
Shopify & E-Commerce
Shopify, WooCommerce, and most e-commerce platforms accept .ico files for store favicons. Upload your product photo or brand logo and Favicoo handles the rest.
IT & Sysadmins
Branding internal tools, dashboards, or intranet sites? Convert your company logo to .ico without needing admin access to install conversion software on corporate machines.
Reference
Which favicon sizes do you actually need?
Start with the dimensions that suit your site. Favicoo can generate each of these as a separate ICO file.
16
16×16 — Compact browser UI
The smallest common favicon dimension, useful in tight spaces such as browser tabs. Use a bold, uncomplicated symbol because thin lines and tiny letters can disappear.
32
32×32 — Everyday favicon
A practical size for common browser and desktop icon contexts. It preserves more edge detail than 16×16 and is a useful default alongside a smaller icon.
48
48×48 — Larger favicon displays
A useful larger raster dimension. Google recommends a favicon larger than 48×48 for display across its search surfaces, although a visible favicon is not guaranteed.
64
64×64 — Additional desktop contexts
An optional larger ICO file if you want a higher-resolution variant available for supported software and workflows.
128
128×128 — Larger icon workflows
Useful where a larger icon file is requested. Check the target platform's requirements rather than assuming every browser context will use this size.
256
256×256 — Largest Favicoo ICO output
This generator supports ICO outputs up to 256×256. PWA manifest icons at 192×192 or 512×512 are separate PNG assets and should be created separately when your project requires them.
Choose your source
Convert the image you already have
Different image formats have different trade-offs. Choose the guide that fits your source, then use the same local favicon generator.
Convert a JPG or JPEG picture to ICO. The source background remains opaque because JPEG does not support transparency.
Convert a PNG, JPG, JPEG or WebP image. Learn how square canvases, output sizes and previews work for different source images.
Trying to find the favicon already installed on a website? Read the guide to finding an existing favicon.ico.
FAQ
Frequently asked questions
Everything you need to know about converting images to .ico favicons.
Is Favicoo really free? No limits?
Yes, completely free. There are no file size limits, no conversion limits, and no account required. Favicoo is part of the RuntimeHub ecosystem of free browser-native tools — the revenue model is unobtrusive advertising, not paywalls.
Does my image get uploaded to a server?
No. Everything happens entirely inside your browser using the HTML5 Canvas API and the Web File API. Your image is never sent anywhere. We have no server that could receive it even if we wanted to. Your files stay on your device at all times.
Which file formats can I convert to .ico?
Favicoo accepts PNG, JPG (JPEG), and WEBP files. For best results, start with a PNG with a transparent background — the transparency is preserved in the output .ico. JPEG files work fine for photographic favicons, though they don't support transparency.
How do I download multiple favicon sizes?
Favicoo exports one .ico file for each selected dimension. Download individual sizes from their result cards or use Download all · ZIP to keep the complete set together. If your deployment specifically requires one ICO container with several embedded images, use a converter that supports multi-entry ICO output.
What's the ideal source image for a favicon?
A square PNG of 256×256 pixels or larger, when possible, with a transparent background and a simple, high-contrast design. Favicons are viewed at very small sizes — fine gradients, thin lines, and subtle details disappear at 16px. Use bold shapes, minimal colour, and strong contrast. Your logo may need a simplified version specifically designed for small-scale rendering.
How do I add the favicon to my website?
Download the size you want, place it in your website's public root (commonly as favicon.ico), and reference it inside the document <head> with <link rel="icon" href="/favicon.ico" sizes="any">. Check your framework's public asset conventions and provide separate PWA icons when required.
Does the .ico format support transparency?
Yes. Favicoo writes 32-bit icon image data with an alpha channel and keeps transparent areas when present in the source. JPG/JPEG has no transparency channel, so an opaque JPG background remains opaque.
My favicon isn't updating in the browser — what's wrong?
Browsers aggressively cache favicons. After replacing your favicon.ico, force-refresh with Ctrl+Shift+R (Windows/Linux) or Cmd+Shift+R (Mac). If that doesn't work, open DevTools → Application → Storage → Clear site data. You can also append a cache-busting query string: href="/favicon.ico?v=2".