Favicon Generator
Favicon Generator
Convert any image into a favicon. Generate an ICO file with multiple sizes for desktop and individual PNG files for web browsers.
- Runs in your browser
- Nothing uploaded
- No sign-up
- Free, no daily limits
- 1Add your file
- 2Choose settings
- 3Download
Upload Image
JPG, PNG, WebP, HEIC
Drag & drop
or tap to browse
Generated Files
ICO • PNG sizes
Your favicon will appear here
Upload & generate
Output Formats
ICO: 6 sizes for desktop •PNG: 16-256px for web
ICO File
Windows and macOS icon format containing all six sizes (16, 32, 48, 64, 128, 256px). Ideal for desktop shortcuts, legacy bookmarks, and CMS icon uploads.
PNG Files
Individual PNG files at each size for web favicon implementation. Used for browser tabs, bookmarks, and search results.
Favicon Sizes Guide
16×16
Browser tab, bookmarks bar
32×32
Taskbar, Windows shortcuts
48×48
Desktop icons (Windows)
64×64
High DPI displays
128×128
Chrome Web Store, App tiles
256×256
High-res desktop displays, macOS retina
Ready to create your favicon?
Upload any image above and generate all sizes in seconds.
100% Private
All processing happens in your browser. Your images are never uploaded to any server.
Last updated
Favicon Generator transforms any brand logo or illustration into a complete website icon bundle directly inside your browser. The generator center-crops your image to a square and creates a multi-resolution favicon.ico file embedding six discrete icon sizes (16, 32, 48, 64, 128, and 256 pixels). It also exports individual PNG files at each of those six dimensions for direct integration into HTML document headers.
The generator performs an automatic center-crop using the shorter side of your image as the square bounding dimension. If key graphic elements reside near outer borders of a rectangular image, crop your logo into a square first using Crop Image before generating icons. All canvas drawing and binary ICO file assembly runs locally on your machine, ensuring your brand assets remain private without network uploads.
How it works
1. Upload your logo or icon
Select or drop any graphic format supported by your browser, including PNG, JPG, or WebP. Transparent backgrounds are preserved in PNG exports.
2. Generate multi-size favicons
Click Generate Favicon to execute center-cropping and render all six standard icon sizes on internal canvas elements.
3. Download the multi-size ICO file
Save favicon.ico containing 16, 32, 48, 64, 128, and 256 pixel layers packaged into a single desktop-ready icon container.
4. Download individual PNG icon sizes
Save specific resolution PNGs from the preview grid or click Download All to export the full suite of six individual PNG files.
When you'd use it
Preparing standard desktop browser tab icons
Create a multi-size favicon.ico file that legacy desktop web browsers, bookmarks bars, and desktop shortcuts display crisply.
Exporting crisp PNG icons for website headers
Produce dedicated 16x16, 32x32, and 48x48 PNG icons for modern HTML link elements to avoid runtime browser downsampling.
Testing logo legibility across small dimensions
Inspect how visual marks, typography, and contrast hold up when scaled down to 16 and 32 pixel squares before publishing a website.
Supplying icon assets for content management platforms
Generate standard ICO files required by WordPress, Webflow, Shopify, and custom CMS themes during new site launches.
Which favicon sizes does a modern website need in 2026?
Modern web standards documented by web.dev and MDN recommend a simplified favicon approach for modern websites: one vector SVG favicon that adapts to light and dark themes, one 32x32 ICO file as a fallback for legacy desktop browsers, one 180x180 PNG for Apple Touch home-screen shortcuts, and 192x192 and 512x512 PNGs declared inside a web application manifest for progressive web apps.
TryDocsy specifically produces a multi-resolution favicon.ico bundling six raster layers (16, 32, 48, 64, 128, and 256 pixels) and six corresponding standalone PNG files. It does not generate Apple Touch Icons (180x180 px), Android manifest icons (192x192 and 512x512 px), or vector SVG icons. If your website needs 180 px or 192/512 px assets, scale your square source file using Resize Image or extract PNGs from existing icon files with ICO to PNG.
| Icon Purpose | Recommended Size & Format | Produced by TryDocsy | Standard HTML Implementation |
|---|---|---|---|
| Desktop Browser Tabs | 32x32 px ICO or PNG | Yes (16 to 256 px ICO) | <link rel="icon" href="/favicon.ico" sizes="any"> |
| Legacy Desktop Browsers | 16x16 px PNG | Yes (16x16 px PNG) | <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> |
| High-DPI Taskbars & Tabs | 32x32 px PNG | Yes (32x32 px PNG) | <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> |
| Windows Shortcut Tiles | 48x48 px PNG | Yes (48x48 px PNG) | <link rel="icon" type="image/png" sizes="48x48" href="/favicon-48x48.png"> |
| Apple Touch Icon | 180x180 px PNG | No (use Resize Image) | <link rel="apple-touch-icon" href="/apple-touch-icon.png"> |
| PWA Web App Manifest | 192x192 & 512x512 px PNG | No (use Resize Image) | Declared in manifest.webmanifest |
Source: web.dev Favicon Best Practices (MDN Web Docs), checked October 29, 2026
How to add TryDocsy favicon files to your HTML code?
After downloading your files, place favicon.ico in the root directory of your website (such as the public folder in Next.js or Astro) so older web crawlers and browser engines locate it automatically without explicit HTML tags. Then copy the generated 16x16, 32x32, and 48x48 PNG files into your website asset folder and link them within your HTML head block.
Add the following standard link tags: link rel="icon" href="/favicon.ico" sizes="any", link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png", link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png", and link rel="icon" type="image/png" sizes="48x48" href="/favicon-48x48.png". Modern browsers read the PNG declarations first to render sharp icons on retina screens, while desktop software falls back to the bundled ICO file. On our benchmark test image, the bundled six-layer ICO file measures exactly 271,403 bytes (265.0 KB).
When should you use vector SVG favicons instead?
Raster PNG and ICO favicons are composed of fixed pixel grids. Although they offer wide backward compatibility across older desktop environments, they cannot dynamically alter their colors in response to operating system dark mode settings. A dark navy or black logo mark embedded in a PNG favicon can become nearly invisible against a dark browser tab background.
If your brand mark uses dark lines that need to switch to white when a user activates dark mode, authoring an SVG favicon with embedded CSS media queries (such as @media (prefers-color-scheme: dark)) is the technically superior solution. Use TryDocsy to provide fallback ICO and PNG assets alongside your vector SVG icon.
Frequently asked questions
Does this generator produce an Apple Touch Icon for iPhones?
No. Apple Touch Icons require an exact 180x180 pixel PNG file with rounded corner handling by iOS. TryDocsy produces 16, 32, 48, 64, 128, and 256 pixel PNGs. To make an Apple Touch Icon, scale your square logo using /image/resize.
What image sizes are bundled inside the generated ICO file?
The multi-size favicon.ico file contains six discrete PNG-encoded layers: 16x16, 32x32, 48x48, 64x64, 128x128, and 256x256 pixels. Desktop environments pick the closest matching resolution automatically.
How does the tool handle rectangular or widescreen images?
The tool automatically performs a center-crop using the shorter side of your image as the square dimension. If you need a specific area framed rather than the exact center, crop your image first using /image/crop.
Are my brand logo files uploaded to any server during generation?
No. All image scaling, canvas rendering, and binary ICO assembly operations execute locally within your browser session. Your graphic files never leave your device.
Can I generate Android web app manifest icons with this tool?
The tool does not export the specific 192x192 or 512x512 pixel sizes required by progressive web app manifests. You can generate those specific manifest sizes from your master graphic using /image/resize.
Why does my 16x16 favicon look blurry or pixelated?
A 16x16 pixel square contains only 256 total pixels. Complex logos containing small text or intricate fine lines will lose detail when downsampled. For 16px icons, use a bold, simplified mark or single letter glyph.