Create favicons from an image or custom text. Get all sizes including ICO, PNG and Apple Touch icon.
A favicon is the small icon shown in browser tabs, bookmarks and history. It helps users identify your website quickly.
Different platforms need different sizes — 16px for tabs, 32px for taskbar, 180px for Apple devices, 192px for Android.
A proper favicon improves perceived professionalism and can appear in Google search results next to your URL.
A favicon is the tiny icon that shows up in browser tabs, bookmarks, and search results next to your site name. It's almost the smallest piece of branding on a site, but it's also one of the most visible — every visitor sees it on every tab they open of your site, every bookmark they make, and increasingly in search results too. A missing favicon makes a site look unfinished or unprofessional. A good one makes the site instantly recognizable.
Technically a favicon is just an image. The complication is that modern browsers, operating systems, and platforms want different sizes and formats: 16×16 and 32×32 for browser tabs, 180×180 for Apple touch icons, 192×192 and 512×512 for Android, sometimes SVG for sharper rendering on high-DPI screens. Generating all of those manually means resizing the same image 6+ times, exporting each, and writing a chunk of HTML to reference them. This tool does it all in one step.
Drag and drop a square PNG, JPG, or SVG. Square is important — non-square inputs get cropped to square, which can lop off important parts of your logo. Resolution should be at least 512×512 pixels so the largest icon size renders sharply. SVG is ideal because it scales perfectly to any size, but PNG works fine as long as it's large enough.
The tool shows what your favicon will look like at 16×16, 32×32, 64×64, 180×180, and 512×512. Pay attention to the 16×16 preview — that's the browser tab size, and complex logos often turn into a smudge at that scale. If yours does, consider simplifying or using just a single letter or symbol from your logo at small sizes.
Click download to get a ZIP containing every favicon size you need (.ico, .png at all common sizes, an Apple touch icon, and a web app manifest snippet). The ZIP also includes a copy-paste-ready HTML block to drop into your site's <head>.
Generates the complete modern favicon set in one step. Many free tools generate only a .ico file, which works in old browsers but isn't what modern browsers, Android, iOS, or PWA manifests actually use. We generate every size and format you'd ever realistically need.
Your image stays on your device. Generation happens in your browser. No upload to a server. For an unreleased logo or pre-launch branding, this matters.
Includes the HTML snippet. You get a copy-paste block for your <head> with the right link tags. No need to look up the right syntax.
Free, no signup, no daily limit. Iterate on your favicon design as many times as you want without hitting a paywall.
The favicon landscape used to be a mess of historic browser requirements. It's a bit cleaner now. Here's what you actually need:
You don't need anything more exotic for the vast majority of sites. We generate exactly this set.
Once you've downloaded the ZIP:
<head> section and paste in the HTML snippet we provide. It contains the right link tags pointing to each icon.site.webmanifest alongside the icons and reference it in your <head> (the snippet does this automatically).If your new favicon isn't appearing after a refresh, it's almost always browser cache. Try an incognito window or another browser to verify it works, then wait — browser favicon caches can take an hour to expire.
Everything you might want to know before you use the tool.
The most common sizes are 16x16 (browser tab), 32x32 (taskbar), 48x48 (Windows), 180x180 (Apple Touch) and 192x192 (Android). This tool generates all of them.
Yes! Enter a letter or emoji, pick a background color and font, and the tool generates a favicon from your text.
ICO is a multi-resolution icon format used by browsers. It can contain multiple sizes (16x16, 32x32, 48x48) in a single file.
Browser favicon cache is aggressive — it can hold the old icon for hours. Hard-refresh (Ctrl+Shift+R), try incognito mode, or test in a different browser to confirm the new favicon works. Then wait for the cache to clear naturally.
You can ship just a favicon.ico and it will work in browsers, but iOS home screen shortcuts will be blurry, Android PWA installs will pick a wrong-looking icon, and search engines may not show your favicon in results. The full set takes one extra minute to set up and looks correct everywhere.
Either works. Transparent backgrounds let the favicon blend with whatever browser tab background it sits on. Solid backgrounds give you guaranteed contrast on every theme. For most logos, transparent is the safer default.
Don't upload the wide version — it'll get cropped or letterboxed. Take the most recognizable element (initial letter, symbol, mark) and use that as a square. Twitter doesn't use a horizontal logo for the favicon; they use just the bird.
Yes — render the emoji at large size in a graphics tool, save as a square PNG, and upload that. Or use an SVG with a single emoji character. Either way, the tool will generate all the sizes you need.