Favicon generator
Turn your logo, a photo, a letter or an emoji into a complete favicon set: favicon.ico with 16, 32 and 48 px inside, PNG icons, an Apple touch icon for iPhone home screens, Android icons and a web manifest. You get everything in one ZIP, plus the <link> tags to paste into your page. The icons are made in your browser, so your logo isn't uploaded anywhere.
At real size
In a browser tab
Paste this into the <head> of your pages:
Put the files in your site's root folder, next to your homepage. If you put them somewhere else, change the paths.
How it works
- Drop your logo or image, or switch to Text or emoji and type one or two characters.
- If the image isn't square, choose Fit or Fill, and pick a background colour if you don't want transparency. Check the tab preview.
- Download the ZIP, put the files in your site's root folder and paste the HTML into the <head>.
FAQ
Which favicon sizes do I actually need?
For current browsers: favicon.ico (for older browsers and tools that request /favicon.ico directly), a 32 px PNG for tabs on high-density screens, a 180 px apple-touch-icon for iPhone and iPad home screens, and 192 and 512 px icons in the web manifest for Android and installable web apps. That is exactly what you get here. You don't need the dozens of sizes some generators produce.
What image works best?
A square logo or symbol of at least 512 px with little detail. At 16 px there are only 256 pixels, so text and thin lines disappear. A bold initial or a simple symbol reads far better than a full wordmark. An SVG gives the sharpest result.
Why don't I see my new favicon?
Browsers cache favicons stubbornly. Open the page in a private window, or open yourdomain.com/favicon.ico directly and reload it. In Google's search results the change can take days or weeks to show up.
Does it work with WordPress, Shopify or Wix?
Yes. Site builders usually have their own setting for the site icon, where you add one square image; android-chrome-512x512.png from the ZIP is a good fit. The HTML snippet is for sites where you edit the <head> yourself.
Is my logo uploaded?
No. Your browser reads the image, resizes it and packs the ZIP. Nothing is sent to a server.