Generate favicon

Create browser, touch, and manifest icon files from a source image.

freeworks offlinenothing uploaded
ToolFavicon Generator
Input
Output
—
Put this on your own site

The frame below runs the same code as this page, in the reader's own browser. Nothing is sent to us, and nothing is sent to you.

Pick a dark background and the text and panels follow it, so the frame stays readable on a dark page.

Preview

How it works

The source is resized into square PNG, ICO, or SVG outputs and link rel=icon markup is emitted with sizes and MIME types. Raster resizing samples pixels and does not infer vector paths.

  • Common tab and install sizes cover browsers and PWAs.
  • Multiple ICO sizes can live in one file.

Worked example

Rounded letter favicon
Create a blue rounded SVG favicon with letter K for a website
Input
											Text: K
Background color: #4a90d9
Text color: #ffffff
Font size: 32
Shape: rounded
Size: 64
Output

When to use this

Websites, PWAs, and design handoffs generate favicon assets.

Edge cases

  • Transparency can show an unintended background.
  • Non-square images need crop or padding.
  • ICO may embed several sizes rather than one bitmap.

References