The loopGiiS Designc0d3rConnectorsFree toolsPromptsPricingEnterpriseDocs
Sign InGet Started Free

Favicon Generator

Upload a logo and get favicon.ico, Apple and Android icons and a web manifest in one ZIP.

HTML for your <head>
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

What's in the ZIP

  • favicon.ico with 16, 32 and 48 px images, for every browser.
  • favicon-16x16.png and favicon-32x32.png.
  • apple-touch-icon.png (180×180) for iOS home screens.
  • android-chrome-192x192.png, android-chrome-512x512.png and site.webmanifest for Android and installable web apps.

Frequently asked questions

Which favicon sizes do I need?

A favicon.ico (16, 32 and 48 px inside one file) for browsers, a 180×180 apple-touch-icon for iPhone and iPad home screens, and 192×192 and 512×512 PNGs for Android and installable web apps. This generator makes all of them.

How do I add the favicon to my site?

Unzip the files into your website's root folder (next to index.html) and paste the HTML snippet into the <head> of your pages.

What image works best?

A square logo or symbol with simple shapes. Fine detail disappears at 16×16 pixels, so a single letter or icon usually reads better than a full logo with text.

Is my image uploaded?

No. Every file is generated in your browser.

Related free tools

PNG to SVG · SVG to PNG · Image resizer · Colour palette generator