Skip to content
Mediawand

Favicon Generator

Give your website a proper icon on every device from one image. Get favicon.ico, the PNG sizes browsers and phones ask for, a web app manifest, and the HTML to paste in.

How to make a favicon

  1. 1Choose a logo or image, ideally square and 512 px or larger.
  2. 2Adjust the shape, padding, corners and background.
  3. 3Download the ZIP, put the files in your site's root folder and paste the HTML.

What's in the package

favicon.ico with 16, 32 and 48 px images, favicon-16x16.png and favicon-32x32.png, apple-touch-icon.png (180 px), Android icons at 192 and 512 px, and site.webmanifest.

Small sizes

Previews show how the icon looks at 16 and 32 px, the size of a browser tab. Simple, bold shapes read best there; add padding if the logo touches the edges.

Apple icons

iPhones don't show transparency on home-screen icons; give the icon a background color so it doesn't turn black.

Frequently asked questions

Is it free?
Yes, with no signup and no watermark.
Are my images uploaded?
No. Everything happens in your browser, and your images never leave your device.
Can I use an SVG logo?
Yes, SVG files work as the source image too.

Related tools

Loading tools…