Free Favicon Generator

Make a favicon from your logo or initials. The tool builds an ICO file, the PNG sizes browsers expect, and a web manifest. The image stays on your device the whole time.

Runs locallyFreeICO + PNG pack

Input

Drop a logo to start

PNG, JPG, WebP, SVG, or GIF · up to 10MB

Your favicon will appear here

Add to your site head

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

How it works

1. Pick your input

Upload a logo (PNG, JPG, WebP, SVG, or GIF) or type 1 to 3 initials. Choose colors and a shape.

2. Preview live

See what the favicon looks like in a browser tab and at 16×16, 32×32, and 48×48.

3. Download the pack

Get favicon.ico, the standard PNG sizes, an apple-touch-icon, Android Chrome icons, and a manifest. All in one ZIP.

What is a favicon?

A favicon is the small icon a browser shows next to a page title in the tab bar, the address bar, the bookmarks list, and the history menu. Mobile operating systems also use it when a visitor saves the site to their home screen. The image is tiny on the screen, often as small as 16 pixels per side, but it carries a surprising amount of weight: it is one of the first things a returning visitor recognizes, and a missing favicon makes a site look unfinished.

Modern browsers ask for several sizes of the same icon. The single favicon.ico file from a decade ago still works, but for crisp results on retina laptops, high-resolution Android phones, and bookmarked iPhone shortcuts you also need PNG files at a handful of larger sizes. This generator outputs every size browsers look for and writes the matching web manifest, so you can install everything by dropping one folder into your site.

Favicon sizes browsers need in 2026

Here is what each size in the downloaded pack is for. You do not have to add all of these by hand; the snippet shown above the download button covers them through the favicon.ico, apple-touch-icon, and web manifest.

16 × 16
Browser tab and address bar in Chrome, Firefox, Edge, and Safari.
32 × 32
Pinned bookmarks, the Windows taskbar, and high-DPI tab rendering.
48 × 48
Windows site shortcuts and the start-menu tile.
180 × 180
apple-touch-icon for iPhone and iPad home-screen bookmarks.
192 × 192
Android home-screen and PWA install icon.
512 × 512
Android splash screen and high-resolution PWA tile.

The .ico file bundles the 16, 32, and 48 pixel renders into a single asset, which is why most install snippets point at /favicon.ico for the base case and then add the apple-touch-icon and the manifest for the higher-resolution platforms.

Installing the favicon on your site

The same downloaded pack works on every stack. After you unzip the folder, the install boils down to two steps: put the files in a path your server serves at the root URL, and tell the page to look for them.

  • Plain HTML

    Drop the contents of the ZIP into your site root and paste the five <link> tags from the snippet above into the <head> of every page.

  • Next.js

    Copy the files into the /public folder. Either keep the <link> tags in your root layout, or use the App Router metadata API with the `icons` field pointing at /favicon.ico and the apple-touch-icon.

  • WordPress

    Upload favicon.ico through Appearance → Customize → Site Identity. For the higher-resolution sizes, use a plugin such as Favicon by RealFaviconGenerator, or paste the link tags into your theme header.

  • Static hosts (Netlify, Vercel, Cloudflare Pages)

    Drop the files into the public/static root your build outputs. The web manifest is served as a regular file, no special configuration needed.

The web manifest ships with empty name and short_name fields on purpose, so you can fill in your own brand without editing the icons section. Visit our image compressor if you need to shrink the source logo before uploading, or the image converter to swap formats first.

Frequently asked questions

Is this favicon generator really free?+

Yes. There is no signup and no usage limit. The image is processed on your own device, so we have nothing to charge for.

What file formats can I upload?+

PNG, JPG, WebP, SVG, and GIF (first frame only). For raster sources, a square image of at least 512×512 pixels gives the best result. SVG works at any size.

What files are in the download pack?+

favicon.ico (multi-size 16/32/48), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180×180), android-chrome-192x192.png, android-chrome-512x512.png, site.webmanifest, and a README with install instructions.

Where do I put the files on my website?+

Drop all the files into your public root (for example, /public on Next.js, or the root directory of a static site). Then add the five <link> tags from the snippet above to the <head> of every page.

Do you store my image?+

No. The image never leaves your browser. Resizing, encoding, and ZIP packing all happen client-side.

Free Favicon Generator | ReezoAI