Favicon generator

Make every favicon file a site needs from one image or a letter, sized to Google's favicon guidelines, and packed in a ZIP with the HTML.

Contains favicon.ico (16, 32, 48), 48 and 96 px PNGs, a 180 px Apple touch icon, 192 and 512 px icons, a web manifest and the HTML below.

proof · actual pixels
Your site title
Your site
https://example.com

HTML for your <head>

<link rel="icon" href="/favicon.ico" sizes="48x48">
<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

Google's favicon rules, in short

  • Square (1:1), at least 8 × 8 px; Google recommends larger than 48 × 48 px.
  • Linked from the home page with rel="icon" (also accepted: shortcut icon, apple-touch-icon).
  • Any supported image format: ICO, PNG, SVG, GIF, JPG, WEBP and others.
  • Crawlable by Googlebot-Image and Googlebot (not blocked in robots.txt), at a stable URL.
  • Represents your brand; Google may replace inappropriate icons with a default.

Questions

What favicon size does Google need?

Google Search requires a square favicon of at least 8 × 8 pixels and recommends one larger than 48 × 48 pixels so it looks good on various surfaces. This generator makes 48, 96, 192 and 512 pixel PNGs plus an ICO, covering Google, browsers, iOS and Android.

Why is my favicon not showing in Google?

Google needs to crawl both your home page and the favicon file, so neither can be blocked by robots.txt. The favicon should represent your brand, stay at a stable URL and be linked from the home page with rel="icon". Updates can take days or weeks to appear.

Do I still need favicon.ico?

Browsers request /favicon.ico automatically when no icon is declared, so keeping one at the site root avoids 404s in your logs and covers older tools. Modern browsers use the PNG or SVG you link.

Is my image uploaded?

No. Resizing happens on a canvas in your browser and the files are packed into a ZIP locally.

Sources