MIINDIGITAL

Optimize for AI. Win visibility. Drive results.

Free Favicon Generator: Every Size From One Image

Upload your logo and get every favicon your site needs in one ZIP: favicon.ico, PNG icons from 16×16 to 512×512, an Apple touch icon and a web manifest. It all runs in your browser, so your image never leaves your device.

1. Upload Your Logo
⬆
Drag & drop an image, or browse
PNG, JPG, WebP or SVG · square, 512×512 px or larger works best
2. Customise
iOS fills transparent home-screen icons with black, so a solid background often looks better.
Site name and theme colour go into site.webmanifest and the theme-color tag.
3. Download Your Favicons
Upload a square image to generate every favicon size
Favicon in a browser tabMy Website

Where do the files go? Upload everything in the ZIP to your site’s root folder (next to your homepage), then paste the HTML tags into your <head>. On WordPress you can also set the 512×512 PNG under Settings → General → Site Icon.
Need a website that looks good and loads fast?
MiinDigital builds fast, SEO-ready websites for small businesses.
See our website building services
How to Use the Favicon Generator
  1. Upload your logo. A square PNG or SVG at 512×512 px or larger gives the sharpest icons.
  2. Pick a background. Transparent is fine for browser tabs, but iPhones show transparent icons on black, so choose a solid colour if you want a clean home-screen icon.
  3. Adjust padding and corners if your logo touches the edges.
  4. Add your site name and theme colour. They go into site.webmanifest and the theme-color tag.
  5. Download the ZIP, upload the files to your site’s root folder and paste the HTML tags into your.
What’s in Your Favicon Pack
  • favicon.ico: 16, 32 and 48 px icons in one file. Many browsers and feed readers still request it by default.
  • favicon-16×16.png and favicon-32×32.png: browser tabs, bookmarks and history.
  • favicon-48×48.png: Windows shortcuts, and a good size for Google, which recommends favicons larger than 48×48 px.
  • apple-touch-icon.png (180×180): iPhone and iPad home screens.
  • android-chrome-192×192.png and 512×512.png: Android home screens and installable web apps.
  • site.webmanifest: tells mobile browsers your site name, icons and theme colour.
Why Your Favicon Matters
Your favicon appears in browser tabs, bookmarks and next to your site in Google’s mobile results. Without one, Google shows a generic globe, and a blurry icon makes the site look unfinished. A clear favicon helps people find your tab and recognise your brand in search.
Frequently asked questions


What size should a favicon be?
You need several sizes: 16 and 32 px for browser tabs, 48 px for Windows, 180 px for iPhones and 192 and 512 px for Android. This tool creates all of them from one image of at least 512×512 px.


Do I still need a favicon.ico file?
Yes. Modern browsers read the PNG tags, but many browsers, feed readers and crawlers still request /favicon.ico automatically.


How do I add a favicon to WordPress?
The quickest way is to upload the 512×512 PNG as your Site Icon under Settings → General or Appearance → Customize → Site Identity. For full control, upload all the files to your site’s root folder and add the HTML tags to your theme header.


Why doesn’t my favicon show in Google?
Google has to recrawl your homepage first, which can take days or weeks. Make sure the favicon is linked in your homepage <head>, isn’t blocked by robots.txt and is square. Google recommends a size larger than 48×48 px.


Is my logo uploaded to a server?
No. The icons, the .ico file and the ZIP are all created in your browser.
Sources
  1. Google Search Central, “Define a favicon to show in search results“, accessed September 2026.
Related free tools