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.