WerklyTools
EN
Buy me a coffee

Favicon generator

Upload your logo once and get the full icon pack for browsers, iOS and Android, with adjustable padding, background and rounded corners. It includes the .ico file and the HTML to paste into your <head>.

Processed 100% in your browser

Ctrl + Enter runCtrl + C copy result

How to use

  1. 1Drop your logo (ideally a square image of 512 px or more, PNG or SVG).
  2. 2Adjust background, padding and rounded corners while checking the preview at several sizes.
  3. 3Copy the HTML code and paste it inside your site’s <head>.
  4. 4Download the ZIP and upload all files to your site’s root.

Use cases

  • Give a new website an icon in tabs, bookmarks and search results.
  • Generate the home-screen icon for iPhone and Android.
  • Meet PWA requirements with a manifest and 192/512 icons.
  • Refresh the favicon after a rebrand.

Frequently asked questions

Which files do I actually need?

At minimum favicon.ico in the root, a 32×32 PNG, the 180×180 apple-touch-icon and the 192 and 512 px icons with the manifest if you want your site to be installable.

Why does the Apple Touch Icon have a background?

iOS fills transparent areas with black. That is why this icon is always generated with a solid background, using the color you choose.

What size should my logo be?

The bigger the better: 512×512 px or more. Favicons are displayed very small, so use a simple logo with good contrast.

Are my images uploaded?

No. Icons are generated in your browser and the .ico file is built locally.

Related tools