🖼️ Images

Favicon Generator

Upload a logo or icon and download a ZIP with favicon.ico, all PNG sizes, Apple touch icon, and the HTML snippet. Nothing stored.

Drop your logo here or click to browse

PNG, JPG, WebP — square image recommended — max 5 MB

💡

Tip: use a square image

Non-square images will be cropped to a square before resizing. For best results, start with a 512×512 or larger square PNG with a transparent background.

How to use this tool

  1. 1 Upload your logo or icon image (PNG or SVG works best).
  2. 2 The tool generates favicon files in multiple sizes: 16x16, 32x32, 180x180, and 192x192.
  3. 3 Download the ZIP file containing all sizes.
  4. 4 Place the files in your web root and add the link tags to your HTML head.

Frequently asked questions

What sizes do I need for a favicon?
At minimum: 16x16 and 32x32 for browsers, 180x180 for Apple touch icons, and 192x192 for Android home screen icons. A 512x512 is recommended for PWA manifests.
What is an SVG favicon?
Modern browsers support SVG favicons, which scale perfectly at any size and support dark mode via CSS media queries inside the SVG. They are the preferred format for new sites.
Where do I put favicon files?
Place them in the root of your site so /favicon.ico is accessible. Add link tags in your HTML head for the other sizes.
Why does my old favicon still show?
Browsers aggressively cache favicons. Clear your browser cache or do a hard reload to force a fresh fetch.

You might also like