← Images & Color

Favicon Generator

Create favicon PNGs from an image, emoji, or text directly in your browser. No upload required.

Source

Favicon source

Drag and drop, paste from clipboard,
or use the button below.

Appearance

Shape

Turn the background off for a transparent PNG (image and emoji only).

Preview

How it works

This favicon generator uses your browser's built-in Canvas API to draw your source (an uploaded image, a single emoji, or one to two letters) onto square canvases at 16, 32, 48, 180, and 512 pixels. Images are center cropped to a square, emoji and text are centered and scaled to fill the frame, and you can add a background color plus an optional rounded or circle mask. Each size is exported as a crisp PNG that you download individually or all at once.

Everything happens locally on your device. Your image is never sent to a server, there is no signup, and there is no tracking. The tool works on any modern browser, on both mobile and desktop.


Frequently asked questions

How do I get a .ico file?

Most modern browsers accept a PNG referenced from your HTML, so a 32 pixel PNG named favicon-32.png works out of the box with <link rel="icon" type="image/png" href="/favicon-32.png">. If you specifically need a classic favicon.ico, download the 32 pixel PNG and convert it with an offline image editor or an OS tool, since the ICO container is a separate format this browser tool does not write directly.

Which sizes should I use?

16 and 32 pixels cover browser tabs and bookmarks, 48 pixels is used by some Windows contexts, 180 pixels is the Apple touch icon for iOS home screens, and 512 pixels is the large icon for a web app manifest and Android. Downloading all sizes gives you a set that covers every common target.

Why does my emoji look slightly different?

Emoji are drawn using the emoji font installed on your device, so the exact style depends on your operating system. The pixels are baked into the PNG at export time, which means the icon you download will always match the preview you see, regardless of the viewer's device.

Can I keep a transparent background?

Yes. Uncheck the background color option in image or emoji mode and the PNG is exported with transparency preserved. Text mode fills the letters on a solid background, so it always needs a background color to stay readable.

More tools from Clean.tools

View all tools

Use Clean.tools from your AI agent

Clean.tools also runs an MCP server — read-only utility tools your AI agent can call directly. No key, no signup: requests are processed in memory and request contents are never stored.

Claude Code
claude mcp add --scope user --transport http clean-tools https://mcp.clean.tools/mcp
Any MCP client (streamable HTTP, authless)
https://mcp.clean.tools/mcp

Every tool, the REST API, and setup for Cursor, Claude Desktop, VS Code & more →