Favicon Generator

Image, emoji or text → favicon.ico + PNG set + link tags.

Turn an image, an emoji or a couple of letters into a complete favicon package: every PNG size browsers and phones expect, a real multi-resolution favicon.ico, an Apple touch icon, a site.webmanifest and the exact <link> tags to paste into your site. Everything is rendered on a canvas in your browser — your image is never uploaded.

How to use Favicon Generator

  1. Choose a source

    In this free online favicon generator, pick a source: upload a logo image, choose an emoji, or type one to three initials.

  2. Upload or type

    Drop a PNG, JPG, SVG or WebP logo, select an emoji, or enter your letters with a font, all rendered in your browser with no upload.

  3. Style the icon

    Set a background colour or transparent background, pick a square, rounded or circle shape, and adjust padding for a clean favicon.

  4. Preview the result

    See your favicon live at 16, 32 and 48px plus a browser-tab mock, so you know exactly how the icon looks before downloading.

  5. Copy the link tags

    Grab the ready-made head link tags and site.webmanifest with one click to wire the favicon set into your website instantly.

  6. Download the package

    Download a complete favicon set as a ZIP, including every PNG size, an Apple touch icon and a real multi-size favicon.ico file.

Frequently asked questions

What favicon files do I actually need?

At minimum a favicon.ico and a 32×32 PNG. For full coverage you also want a 16×16 PNG, a 180×180 apple-touch-icon for iOS home screens, and 192/512 PNGs for Android/PWA. This tool generates all of them plus the favicon.ico and the matching <link> tags, so you can just drop them in your site root.

How do I install the favicon?

Download the .zip, copy the files into your website's root folder (the same place as index.html), and paste the provided <link> tags into your page's <head>. Hard-refresh (or open in a private window) since browsers cache favicons aggressively.

Can I make a favicon from an emoji?

Yes — choose the Emoji tab and pick any emoji. It's rendered with your system's colour emoji font onto each icon size. Great for a quick, recognisable favicon with no design work.

Is the favicon.ico a real .ico file?

Yes. It's a genuine multi-image ICO containing the 16, 32 and 48px renders (encoded as PNG inside the ICO, which every modern browser and Windows support), not just a renamed PNG.

How do I create a favicon from an image for free?

Upload a PNG, JPG, SVG or WebP logo to this free favicon generator, pick a shape and padding, and it instantly creates every favicon size plus a real favicon.ico — no sign-up, no upload and no watermark. A square logo gives the cleanest result.

What size should a favicon be?

There’s no single favicon size — modern sites use a set: 16×16 and 32×32 for browser tabs, 180×180 for the iOS apple-touch-icon, and 192×192 and 512×512 for Android and PWAs. This favicon generator outputs all of those sizes at once so you’re covered on every device.

Is my image uploaded anywhere?

No. Your image is decoded and rendered entirely on a <canvas> in your browser — it never leaves your device. The tool is free with no limits.

How do I add the favicon to a React, Vite or WordPress site?

Copy the generated files into your site's public/root folder (where index.html lives) and paste the provided <link> tags into the <head>. In WordPress you can also upload the 512×512 PNG under Appearance → Customize → Site Identity as the Site Icon.

Can I make a favicon from just text or initials?

Yes. Use the Text tab, type a letter or two, pick the colours and shape, and the tool renders your initials into every favicon size plus a real favicon.ico — a quick way to brand a tab with no logo file.

Related tools — Media tools