Which sizes should I download?

At minimum grab 32×32 (browser tab), 180×180 (Apple Touch Icon for iOS), and 192×192 (Android/PWA). For a full modern set also grab 16×16 and 512×512.

Is my design uploaded to a server?

No — all drawing happens inside your browser using the HTML5 Canvas API. Nothing is sent to any server.

Can I use this for a commercial project?

Yes. The icons you generate are yours to use without restriction.

How do I add the favicon to my website?

Put the PNG files in your site root and add link tags to the page : a 32×32 icon link, a 180×180 apple-touch-icon link, and a 192×192 icon link. The tool prints the exact HTML snippet after you generate.

Do I need an .ico file or is PNG enough?

Modern browsers (Chrome, Edge, Firefox, Safari) all accept PNG favicons via the link tag, so you no longer need a multi-resolution favicon.ico. PNGs are sharper on high-DPI screens.

What sizes does it generate?

Eight square PNGs are produced at once: 16, 32, 48, 64, 128, 180, 192 and 512 pixels. The 180 px is for Apple Touch Icon and 192/512 px cover the PWA web app manifest.

Can I use an image or logo instead of letters?

No — this generator draws 1–2 letters on a coloured shape. It is ideal for quick lettermark icons. If you already have a logo image you want resized into icon sizes, use the image resize tool instead.

Favicon Generator — Gera Tools

Favicon generator — every standard size, no upload

A favicon is the small icon shown in the browser tab, bookmarks bar and on a phone home screen. This generator turns 1–2 letters into a clean lettermark icon in all the sizes a modern site needs — handy for side projects, prototypes, internal tools and PWAs that need a placeholder or simple brand mark fast.

How it works

Type your initials, pick a background colour, text colour and shape (rounded, circle or square), then click Generate. For each of the eight target sizes the tool creates an off-screen <canvas>, fills the chosen shape, and draws the (up-to-2-character) label centred with a bold system font sized at half the canvas. Each canvas is exported with canvas.toDataURL("image/png") into an individual download link, and a 64 px live preview is rendered alongside.

Example

For a tool called Favicon Tools you might enter Fa, set the background to #3b82f6 (blue), text to #ffffff (white), and shape to Rounded. Generate, then download favicon-32x32.png for the tab and favicon-180x180.png for iOS.

Size	Where it’s used
16×16	Legacy browser tab
32×32	Standard browser tab favicon
180×180	Apple Touch Icon (iOS home screen)
192×192	Android / PWA manifest
512×512	PWA splash / high-DPI

All drawing happens inside your browser — nothing is uploaded to any server.