Fetch, preview and download the favicon from any website instantly. See all sizes from 16px to 256px, check favicon quality, and bulk-download multiple domains at once.
Fetch Favicon
Enter a domain to begin
Type any website domain above to fetch, preview and download its favicon in multiple sizes.
Favicon Sizes, Formats and Best Practices
A favicon is the small icon that appears in a browser tab, address bar, bookmark list, and Google Search results next to your website's title. Getting favicon sizes and formats right affects how your brand appears across browsers, devices, and search results.
Complete Favicon Size Reference
| Size | Use Case | Format | Priority |
|---|---|---|---|
| 16x16 | Browser tab, address bar | ICO, PNG | Required |
| 32x32 | Windows taskbar, high-DPI tabs | ICO, PNG | Required |
| 48x48 | Windows site shortcuts | ICO, PNG | Recommended |
| 64x64 | Windows taskbar, Safari tab, Retina | PNG | Recommended |
| 96x96 | Google TV, Chrome for Android | PNG | Optional |
| 128x128 | Chrome Web Store, desktop icons | PNG | Optional |
| 180x180 | Apple Touch Icon (iOS home screen) | PNG | Required |
| 192x192 | Android Chrome, PWA | PNG | Required |
| 256x256 | Windows 10 app icon, high-res | PNG | Recommended |
| 512x512 | PWA splash screen, app stores | PNG | Recommended |
| Scalable | All sizes, dark mode support | SVG | Best for new sites |
Favicon Format Comparison
| Format | Multi-size | Transparency | Dark mode | Browser support | Best for |
|---|---|---|---|---|---|
| ICO | Yes (multiple sizes in one file) | Yes | No | All browsers including IE | Maximum compatibility, legacy support |
| PNG | One size per file | Yes | No | All modern browsers | Simple, widely supported, easy to generate |
| SVG | Yes (infinitely scalable) | Yes | Yes (via prefers-color-scheme) | Chrome 80+, Firefox 41+, Safari 12.1+ | Modern sites, dark mode, Retina displays |
| WebP | One size per file | Yes | No | Chrome, Firefox, Edge (not Safari fully) | Smaller file size than PNG |
Favicon HTML Implementation
Place these tags inside the <head> section of your HTML. The order matters: browsers read top to bottom and use the first matching size.
<!-- Standard favicon --> <link rel="icon" type="image/x-icon" href="/favicon.ico"> <!-- PNG sizes for modern browsers --> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png"> <!-- Apple Touch Icon (iOS home screen) --> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <!-- Android Chrome / PWA --> <link rel="manifest" href="/site.webmanifest"> <!-- SVG favicon with dark mode support --> <link rel="icon" type="image/svg+xml" href="/favicon.svg">
Where Favicons Appear
🗂 Browser Tab
16x16 or 32x32 PNG or ICO. Shown next to the page title in every open tab.
🔖 Bookmarks
16x16 to 32x32. Appears in the bookmarks bar and bookmark manager.
📱 iOS Home Screen
180x180 Apple Touch Icon. Shown when a user saves your site to their iPhone home screen.
🧁 Android Chrome
192x192 PNG defined in your web manifest. Used for PWA icons and Android shortcuts.
🔍 Google Search
Google shows your favicon next to your site name in mobile search results. Minimum 48x48, square.
👔 Windows Taskbar
32x32 or 64x64. Shown when a user pins your site as a Windows app.
Google Search Favicon Requirements
Google displays your favicon in mobile search results next to your brand name. To qualify, your favicon must be at least 48x48 pixels, square (1:1 ratio), accessible to Googlebot (not blocked by robots.txt), and must not be the Google default globe icon. Google caches favicons and may take a few days to update after a change.
How This Tool Compares
Most favicon downloaders show one image at one size with a single download button. Here is what this tool adds that competitors miss.
| Feature | Typical competitors | This tool |
|---|---|---|
| Sizes shown | 1 size (usually 32px) | 7 sizes from 16px to 256px, all previewed |
| Bulk fetch | One domain at a time | Unlimited domains, grid output with individual download per card |
| Quality analysis | None | Score + 6 quality checks (resolution, transparency, format, Google eligibility) |
| HTML code output | None | Ready-to-paste favicon HTML for your own domain |
| History | None | Last 20 lookups with one-click re-fetch |
| Checkerboard background | Solid white only | Toggle checkerboard to inspect transparent favicons |
| Share URL | No | Shareable ?domain= URL, auto-fetches on load |
| Copy favicon URL | No | Copy the direct favicon URL for use in other tools |
| Export bulk list | No | CSV export of bulk results with status and URL |
Frequently Asked Questions
A favicon (short for favourite icon) is the small icon that appears in a browser tab, bookmark bar, and search results next to a website's name. It is typically a 16x16 or 32x32 pixel image in ICO, PNG, SVG or WebP format, defined in the HTML head using a link tag with rel="icon".
Enter the domain name in the tool above and click Fetch Favicon. The tool retrieves the favicon using multiple favicon APIs, then displays it in seven sizes so you can preview and download the one you need as a PNG file. No signup or API key is required.
Modern browsers require multiple favicon sizes. The minimum is 16x16 pixels for browser tabs. You should also provide 32x32 for standard displays, 180x180 for Apple Touch Icon (iOS home screen), 192x192 for Android Chrome, and 512x512 for Progressive Web App splash screens. SVG favicons are scalable and cover all sizes with a single file.
All modern browsers support PNG, ICO, SVG and WebP favicons. ICO files can contain multiple sizes in one file, which is why they were the original standard. SVG is now recommended for modern sites because it scales perfectly to any size and supports dark mode variants. ICO format remains widely used for maximum browser compatibility.
A blank or browser-default favicon usually means the website has not defined a favicon in its HTML, the favicon file path is broken, the server returns a 404 for the favicon URL, or the favicon is blocked by CORS headers. This tool fetches favicons via a proxy service, so it can retrieve favicons that direct browser requests might not load due to CORS restrictions.
Favicons are copyrighted assets belonging to their respective brands. You can download them for research, competitive analysis, or reference purposes, but you cannot use another brand's favicon as your own or redistribute it commercially. Always create an original favicon for your own website.
In WordPress, go to Appearance, then Customize, then Site Identity. You will see a Site Icon option where you can upload your favicon image. WordPress recommends a square image of at least 512x512 pixels and will automatically generate the smaller sizes. Alternatively, add a link tag in your theme's header.php pointing to your favicon file.