Favicon Generator

Upload any image and generate favicons at all standard sizes. Download individually or as a ZIP with HTML usage snippets.

Drop your image here

or click to browse

PNG, JPG, SVG recommended · Square images work best

How to Use

1

Upload Your Logo or Icon

Drag and drop a PNG, JPG, or SVG image onto the upload area or click to browse. Square images with a transparent background work best for favicons.

2

Favicons Are Generated Automatically

The tool instantly renders your image at all standard favicon sizes: 16×16, 32×32, 48×48, 64×64, 128×128, and 180×180 pixels.

3

Preview Each Size

Each favicon is displayed on a checkerboard background so you can clearly see how transparency looks at every size.

4

Download Individually or as a ZIP

Click Download under any size to save that file, or click "Download All as ZIP" to get all favicons plus an HTML usage snippet in a single archive.

Frequently Asked Questions

Modern browsers and devices use different favicon sizes. The most commonly needed sizes are 16×16 (browser tab), 32×32 (browser taskbar and bookmarks), 48×48 (Windows site icons), and 180×180 (Apple Touch Icon for iOS home screens). This tool generates all of these plus 64×64 and 128×128 for broader compatibility.

The Apple Touch Icon (180×180 pixels) is used when a user saves your website to their iPhone or iPad home screen. iOS uses this image as the app icon. It is referenced in your HTML with <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">.

PNG works best because it supports transparency. Use a square PNG image (e.g. 512×512 or 1024×1024) for the sharpest results at all sizes. SVG also works well since it is vector-based. JPG is supported but does not have transparency, so small sizes may show a white background instead of being transparent.

Modern Chromium-based browsers and Firefox support SVG favicons directly via <link rel="icon" type="image/svg+xml" href="/favicon.svg">. However, Safari and older browsers do not. This tool outputs PNG favicons at all sizes for maximum compatibility, which you can use alongside an SVG favicon.

Upload the downloaded PNG files to the root of your website, then add the following to your HTML <head>:

<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

The ZIP download includes a ready-to-use HTML snippet file with these tags.