Can I create a favicon.ico file?

Yes. The “favicon.ico” button downloads a genuine multi-size .ico (16, 32 and 48 pixels packed together) that you place in your website root.

Can I make a favicon from an image or logo?

Yes. Switch to image mode and upload a PNG or JPG. You can fill (crop) or fit the whole image, add padding, and mask it to a square, rounded or circular shape.

How do I add the favicon to my website?

Copy all the downloaded files to your site root and paste the provided HTML snippet into the of your pages. The ZIP also includes a site.webmanifest.

Is a favicon generated from text good enough?

Yes, for many sites. A bold one- or two-letter monogram on a solid or gradient background stays legible even at 16×16, where detailed logos become a blur.

Is my image uploaded to a server?

No. Everything is processed in your browser using the canvas — your image never leaves your device.

What is the difference between .ico and PNG favicons?

A .ico can hold several sizes in one file and has the widest legacy support, so it stays the fallback. Modern browsers also read PNG icons, which is why a complete setup ships both.

Do I need a 512×512 icon?

Yes if you want a Progressive Web App or a good Android home-screen icon — the web manifest references the 192×192 and 512×512 PNGs, both of which this tool exports.

Favicon Generator

Create a favicon from text or an image — download favicon.ico plus every PNG size (16×16 to 512×512) and the ready-to-paste HTML. Free and private.

Make favicon from

Letters (1–3)

Font

Text colour

Text size

Background

Colour 1

Colour 2

Gradient angle

0360

Shape

App name (for site.webmanifest)

My Site

32px

48px

HTML for your <head>

<link rel="icon" href="/favicon.ico" sizes="any">
<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">
<link rel="manifest" href="/site.webmanifest">

About the Favicon Generator

A favicon is the small icon that shows in a browser tab, bookmark and phone home screen. This free favicon generator builds a complete set from either a few letters or an image you upload — a logo, photo or icon — right in your browser, with nothing uploaded to a server.

In text mode, type one to three letters, choose a bold font, and set the text and background colours in a square, rounded or circular shape. In image mode, upload any picture and it is cropped or fitted to a perfect square with your choice of shape and padding. A live browser-tab preview shows exactly how it will look at 16×16, 32×32 and 48×48.

Download a real favicon.ico (containing the 16, 32 and 48 pixel sizes) with one click, grab any individual PNG (16×16, 32×32, 48×48, 64×64, 180×180 Apple touch icon, and 192×192 and 512×512 for PWAs), or get everything in a single ZIP with a site.webmanifest and a copy-paste HTML snippet for your page head. It is the fast way to add a favicon that works across Chrome, Safari, Firefox, Edge and mobile.

How to use this tool

1Choose “Text / initials” and type up to three letters, or “Image / logo” and upload a picture.
2Set the colours or fit, and pick a square, rounded or circular shape.
3Check the live browser-tab preview at 16, 32 and 48 pixels.
4Download favicon.ico, any individual PNG size, or the full ZIP, then paste the HTML snippet into your site’s <head>.

Frequently asked questions

A favicon.ico containing 16×16, 32×32 and 48×48 covers browser tabs. Add a 180×180 apple-touch-icon for iOS and 192×192 plus 512×512 PNGs for Android and PWAs. This tool generates all of them.

Related calculators

Logo MakerDesign & Image Image ResizerFile & Image Tools Image ConverterFile & Image Tools