Favicon Generator

Turn one image into a complete favicon set: favicon.ico, PNG icons, Apple touch icon, Android icons and a web manifest.

How to use the Favicon Generator

  1. Choose a square image, ideally 512 × 512 px or larger.
  2. Optionally add padding, rounded corners or a background color and check the previews.
  3. Download the ZIP package, upload the files to your site's root folder and paste the HTML into your .

What is in the package

File Size Used by
favicon.ico 16, 32, 48 px Browser tabs, bookmarks, older browsers
favicon-16×16.png, favicon-32×32.png 16, 32 px Modern browser tabs
favicon-48×48.png 48 px Google Search results
apple-touch-icon.png 180 px iPhone and iPad home screen
android-chrome-192×192.png, 512×512.png 192, 512 px Android home screen and installed web apps
site.webmanifest – App name and icons for Android and PWAs

Favicons and Google Search

Google shows a site’s favicon next to its results on mobile. It asks for a square icon that is a multiple of 48 px and reachable by its crawler. The package covers this with the 48 px and larger icons.

Design tips

  • Keep it simple: a single letter or symbol reads better at 16 px than a full logo.
  • The Apple touch icon should not be transparent, so a white background is added to it automatically unless you choose a color.
  • Use strong contrast so the icon is visible on light and dark browser themes.

Private by design

The image is opened and processed by your browser on your own device. It is not uploaded to a server, so the tool also works offline once the page has loaded.

Frequently asked questions

What size should a favicon be?

Provide several: 16 and 32 px for browser tabs, 48 px for search results, 180 px for Apple devices and 192 and 512 px for Android. This tool creates them all.

Where do I put the favicon files?

Upload them to the root folder of your website, so that yoursite.com/favicon.ico works, and add the HTML code to the head of your pages.

Do I still need favicon.ico?

It is still the safest fallback: browsers and many tools look for /favicon.ico automatically.

How do I set a favicon in WordPress?

Go to Appearance, Customize, Site Identity and upload a 512 × 512 px image as the Site Icon. WordPress creates the sizes for you.

Related tools