wid9et
Sign In

Favicon Generator

Turn a logo or image into a complete favicon pack for your website.

Explore more Image & Design →Build your own widget - free →

How to use Favicon Generator

  1. 1Upload a square or near-square image.
  2. 2Choose Contain to keep the whole image or Cover to fill the square, then check the small previews.
  3. 3Generate the favicon package and preview the available sizes.
  4. 4Download the files, upload them to your website and use the generated head tags with your own site path where required.
  5. 5Use Copy Website Code if you want the basic HTML links.

Useful tips

  • •A simple square logo usually works best at very small favicon sizes.
  • •Check the smallest preview to make sure fine details are still recognisable.
  • •Keep the generated favicon files together when adding them to a website project.

Frequently asked questions

What files does it create?

16, 32, 48 and 96px favicon PNGs, an Apple Touch icon, Android icons, favicon.ico, site.webmanifest and basic HTML link code.

Where do the files go?

Upload them to your website, then make sure the generated link paths match where you uploaded them.

Can I use any image?

Most common image formats work, but a simple square image usually gives the best favicon result.

What is the difference between Contain and Cover?

Contain keeps the entire image and may leave empty space. Cover fills the square but can crop the edges.

Are images uploaded?

No. Favicon generation happens in your browser.