Favicon Generator
Create a favicon from an image or from text, preview it on a real browser tab, and download every standard size plus a proper favicon.ico. Everything runs in your browser, nothing is uploaded.
Drag an image here or browse
PNG, JPEG, WebP, SVG, GIF · square works best · non-square images are center-cropped
Upload an image to see previews and unlock downloads.
Downloads<link rel="icon" href="/favicon.ico" sizes="32x32">
<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="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">{
"name": "Your Site",
"short_name": "Your Site",
"icons": [
{ "src": "/android-chrome-192x192.png", "sizes": "192x192", "type": "image/png" },
{ "src": "/android-chrome-512x512.png", "sizes": "512x512", "type": "image/png" }
],
"theme_color": "#ffffff",
"background_color": "#ffffff",
"display": "standalone"
}Favicon sizes reference: what each size is used for
A favicon is not one file anymore. Browsers, phones and search engines each request a different size, and shipping the full set is what makes your icon look sharp everywhere. This favicon.ico generator builds all six from a single source, plus the .ico container that legacy consumers still expect at /favicon.ico.
| Size | File | Used by |
|---|---|---|
| 16x16 | favicon-16x16.png | Browser tabs on standard displays, the address bar and history lists |
| 32x32 | favicon-32x32.png | Browser tabs on high-DPI and retina displays, Windows taskbar pins |
| 48x48 | favicon.ico (embedded) | Windows desktop shortcuts, and Google Search results, which ask for a multiple of 48px |
| 180x180 | apple-touch-icon.png | iOS and iPadOS home screen bookmarks and the Safari start page |
| 192x192 | android-chrome-192x192.png | Android home screen shortcuts and Chrome on Android |
| 512x512 | android-chrome-512x512.png | PWA install splash screens and the WordPress Site Icon |
Google shows your favicon on every search result
Since 2019 on mobile and 2023 on desktop, Google renders a site's favicon next to its name on every single result. That tiny square is often the first visual impression a searcher gets of your brand, before your title, before your snippet. Sites without one get a generic gray globe, which quietly signals unfinished. A crisp, recognizable icon does the opposite: repeated across results, it builds the recognition that makes people click your listing instead of the one above it. Google's own guidelines ask for a square icon of at least 48x48 pixels, which is exactly why this generator includes that size.
The favicon earns the click; what happens next is where most sites go blind. If your analytics counts every bot and scraper as a visitor, you cannot tell whether those search clicks are real people or noise. DevDome shows you humans and bots separately on every page, keyword and country, so the traffic your brand earns in search is traffic you can actually trust.
Favicon generator FAQ
What favicon sizes do I need in 2026?
Six sizes cover everything: 16x16 and 32x32 for browser tabs, 48x48 inside favicon.ico for Windows shortcuts and Google Search, 180x180 for the iOS home screen, and 192x192 plus 512x512 for Android and PWA installs. This favicon generator produces all of them from one source, so you never resize anything by hand.
Do I still need a favicon.ico file?
Yes. Browsers and crawlers still request /favicon.ico by convention when no icon link is declared, and many feed readers, bookmark managers and older systems only ever look there. The favicon.ico this generator builds embeds the 16, 32 and 48 pixel versions in one file, so every consumer picks the size it wants.
How do I create a favicon from an image?
Switch to image mode and upload a logo or photo. Non-square images are center-cropped to a square automatically, then scaled down to every standard size with stepped high-quality resampling so the 16px version stays sharp. A PNG with a transparent background works best for logos; for photos, any JPEG or WebP is fine.
Can I make a favicon from text or an emoji?
Yes. Text mode renders one or two characters, or a single emoji, on a square, rounded or circle background with a solid color or a gradient preset. A favicon generator from text is the fastest way to ship a new project before you have a logo, and letter marks stay readable even at 16 pixels.
How do I add a favicon to WordPress?
WordPress calls it a Site Icon. Go to Appearance, then Customize, then Site Identity, and upload the 512x512 PNG from this generator. WordPress crops it and generates every size it serves, including the browser tab icon and the iOS home screen icon. No plugin needed.
Does a favicon affect SEO?
Not as a direct ranking factor, but Google shows your favicon next to every search result on mobile and desktop. Google asks for a square icon of at least 48x48 pixels, sized in multiples of 48. A clear, recognizable favicon improves click-through and brand recall, while a missing one renders as a generic gray globe.
Why is my new favicon not showing up?
Browsers cache favicons aggressively, sometimes for days. Do a hard refresh, or add a version query to the icon URLs in your link tags, like /favicon.ico?v=2, to force a refetch. Google Search refreshes the favicon it shows in results on its own crawl schedule, which can take days to a few weeks after you update the file.
More free tools: Image Resizer · Image Converter · Color Converter · QR Code Generator · Meta Tag Checker