Favicon Generator

Turn text, emoji or an image into a tested ICO and PNG favicon pack with a manifest and install tags.

This tool runs entirely in your browser. Your data is never uploaded, never stored, and never leaves your device.

Turns text, emoji or an uploaded image into a complete favicon pack: six PNG sizes, a real multi-size favicon.ico, an installable web manifest and the exact HTML link tags.

How to use it

1Choose Text or emoji, or upload a PNG, JPEG, WebP, GIF or SVG up to 10 MB, 8,192 px on either side and 25 megapixels that the browser can decode.
2Set square, rounded or circular shape, padding and transparency; for text choose colour, face and weight, or for an image choose contain/cover and its crop focus.
3Inspect the 16, 32 and 48 px actual-size previews, then edit the site name, short name and theme colour used by the manifest.
4Download one PNG, favicon.ico, or the complete ZIP, and copy the five-link HTML snippet into the site's head.

Example

Input: The defaults: A in white on #4f46e5, rounded, bold system type with 12% padding
Output: favicon-pack.zip containing favicon-16x16.png, favicon-32x32.png, favicon-48x48.png, apple-touch-icon.png, android-chrome-192x192.png, android-chrome-512x512.png, favicon.ico, site.webmanifest and favicon-snippet.html

favicon.ico embeds the generated 16, 32 and 48 px PNGs. Text accepts up to six characters but one or two remain clearest at browser-tab size; the actual-size previews are the useful test, not the large editor preview.

What happens to your data

Rendering, ICO assembly and ZIP creation happen locally; uploaded-image object URLs and generated previews are revoked in the tab and nothing is sent to a server. Every source is rasterised to square PNG pixels, so SVG remains scalable only before import, animated GIFs do not remain animated, and original metadata or colour-profile information is not preserved.

Last updated September 2026

Create a practical favicon pack from up to six text or emoji characters or from a PNG, JPEG, WebP, GIF, or SVG image. Adjust shape, padding, colours, image fit, and focal point while checking browser-tab, bookmark, and shortcut previews at realistic sizes.

Generation stays in your browser. Download individual PNG sizes and the ICO file, or take one ZIP containing the icons, your generated web manifest, and an HTML snippet.

How it works

The source is redrawn for each target size rather than enlarging one tiny bitmap. The pack includes 16, 32, 48, 180, 192, and 512 px PNGs plus a favicon.ico with 16, 32, and 48 px entries.

Image mode supports contain or cover. Cover exposes horizontal and vertical focal controls so the important part is not automatically cropped from the centre. Text and emoji are rasterised with the selected browser and system font, so inspect the smallest previews before using them. Uploaded images are limited to 10 MiB, 8,192 px on either side and 25 megapixels after decoding.

Set the website name, short name, and theme colour before export; the generated site.webmanifest uses those values, includes the 192 px and 512 px icons, and uses the theme colour as its background colour. Add scope or start_url later only if the actual web app needs them. Place the files at the referenced paths and add the supplied link tags to the page head. Browsers cache favicons aggressively, so a changed icon may not appear immediately.

Common use cases

Build a complete icon pack for a new website
Turn a logo or monogram into crisp favicon sizes
Crop a rectangular image with a controlled focal point
Create an Apple touch icon and Android web-app icons
Copy installation tags and a starter manifest

Frequently asked questions

What files are included in the favicon ZIP?＋

It contains PNG icons at 16, 32, 48, 180, 192, and 512 px, a multi-size favicon.ico, site.webmanifest, and favicon-snippet.html.

Which web-manifest details can I set in the generator?＋

Set the website name, short name, and theme colour; the generated manifest uses them and applies the theme colour to its background too. Add fields such as scope or start_url separately only when the real app requires them.

What is the difference between contain and cover for an uploaded image?＋

Contain keeps the whole image and may leave surrounding space. Cover fills the icon and crops excess edges; focal X and Y controls choose which part remains visible.

Can the source be an SVG or animated GIF?＋

An SVG or GIF can be loaded if the browser decodes it, but the generated favicon assets are raster images. An animated GIF is reduced to whichever still frame the browser provides when it is drawn; animation is not preserved.

Can the favicon background be transparent?＋

Yes. Keep in mind that transparent or very thin artwork may disappear against some browser themes, so inspect both the actual-size previews and the exported files.

Why do emoji favicons look different across computers?＋

Emoji and font glyphs are rasterised using the current browser and available system fonts at generation time. Their appearance can differ by platform, so verify the downloaded pack.

What are the source-image limit and privacy behaviour?＋

Uploaded images are limited to 10 MiB, 8,192 px on either side and 25 megapixels after decoding. They are decoded locally; the image, text, and generated icon pack are not uploaded by Toolvore.