Browser tab
Google search result
iOS home screen
Android shortcut
The Complete Favicon Generator & Site Icon Builder
A favicon is the small square site icon that represents your website in browser tabs, bookmark bars, browsing history and — increasingly — in Google's mobile search results and on phone home screens. For years a single 16x16 .ico file was enough, but modern browsers and devices expect several sizes and formats. This free favicon generator builds the whole set for you, so a single upload becomes a complete, standards-compliant icon package.
Whether you need a quick favicon maker for a side project or a favicon builder for a production site, the tool covers the cases that matter: crisp browser tabs on standard and high-DPI screens, the icon Google shows beside your SERP snippet on mobile, Apple touch icons for iOS home-screen bookmarks, Android and PWA shortcut icons, and clean rendering against both light and dark browser themes. Use it as an image-to-favicon converter, a site icon generator or a favorite icon generator — it runs entirely in your browser, with no upload to a server and nothing to install.
Favicon Formats, Dimensions & Specifications
Different platforms request different icon sizes. The table below shows what each file in the pack is for, so you can confirm your favicon looks right everywhere from a browser tab to a PWA install prompt.
| File / size | Where it is used | Format |
|---|---|---|
| 16x16 & 32x32 | Standard browser tabs and bookmark bars (favicon maker 16x16, 32x32 icon generator) | PNG + multi-size ICO |
| 48x48 | Windows site tiles and legacy desktop shortcuts | Embedded in favicon.ico |
| 180x180 | Apple touch icon for iOS home-screen saves (apple-touch-icon.png) | PNG |
| 192x192 & 512x512 | Android Chrome home-screen shortcuts and PWA web app manifests | PNG |
| SVG favicon | Scalable vector icon for modern Safari and Chromium, including dark/light toggles | SVG (upload supported) |
How to Create and Install Your Favicon (Step-by-Step)
- Prepare or convert your asset. Use the tool as a png-to-favicon converter, upload an SVG vector, or start from initials with the favicon-generator-from-text mode.
- Preview & customize. Check padding, circular masking and contrast against dark and light tab backgrounds using the live previews.
- Generate & download. Click download to receive the full ico file generator package with a multi-resolution
.icoand PNG files. - Upload to root. Place
favicon.icoin the root directory (/public/or/) of your server. - Add HTML tags to
<head>. Insert the standard tags into the document head:
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">Frequently Asked Questions
What is a favicon and why does my website need one?
A favicon is the small site icon shown in browser tabs, bookmarks, history, mobile home-screen shortcuts and next to your listing in Google search results. It reinforces your brand and helps people recognise your site at a glance, which is why every modern website should have one.
What image formats can I use to create a favicon?
You can upload a PNG, JPG, WEBP or SVG image, or skip the image entirely and build a favicon from text or an emoji. The generator converts whatever you provide into all the standard favicon formats.
What favicon sizes and files does this generator create?
It produces a multi-resolution favicon.ico (16x16, 32x32 and 48x48), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180x180), android-chrome-192x192.png, android-chrome-512x512.png and a ready-to-use site.webmanifest.
Is this favicon generator free and does it need sign-up?
Yes, it is completely free with no sign-up, no watermark and no usage limits. Everything runs in your browser using HTML5 Canvas, so your image never leaves your device.
How do I install the favicon on my website?
Unzip the pack, upload the files to your site's root or /public folder, then paste the supplied <link> and <meta> tags into the <head> of your HTML. WordPress, Shopify, Squarespace and Wix also have a site-icon upload field you can use instead.
Can I create a favicon from text or an emoji instead of an image?
Yes. Use the Text / Emoji tab to type one to four characters or an emoji, then pick a font, colours, background shape and padding to design a favicon without any source image.
Related Tools
- SEO Title Analyzer — Score your headlines from 0-100 with rule-based checks for length, keyword placement, readability and word balance.
- Schema Markup Generator — Generate valid JSON-LD structured data for 31 schema types — Article, Product, FAQ, Local Business, Organization, Review and more.
- SEO Slug Generator — Turn any title or phrase into a clean, SEO-friendly URL slug.
- Page Indexability Checker — Instantly analyze whether a webpage can be indexed by search engines by checking HTTP status codes, robots.
- Hreflang Generator & Validator — Generate valid hreflang tags and validate existing implementations.
- Canonical Tag Checker — Analyze canonical tags to identify missing, conflicting, invalid, cross-domain or improperly configured canonical URLs that may affect indexing and duplicate content.