Savvy Goose
Character Counter Text & Writing
Case Converter Text & Writing
Diff Viewer Text & Writing
Markdown Converter Text & Writing
Percentage Calculator Numbers & Time
Unit Converter Numbers & Time
Timestamp Converter Numbers & Time
Time Between Dates Numbers & Time
Barcode Generator Generators
QR Code Generator Generators
Base64 Encoder Data & Encoding
Image to Base64 Data & Encoding
URL Encoder Data & Encoding
JWT Decoder Data & Encoding
Hash Generator Data & Encoding
Color Converter Data & Encoding
JSON Formatter Data & Encoding
Format Converter Data & Encoding
Regex Tester Data & Encoding
Browser Info Data & Encoding
Password Generator Generators
Passphrase Generator Generators
UUID Generator Generators
Favicon Generator Generators
Image Resizer Generators
Slug Generator Generators
Lorem Ipsum Generators
Mermaid Editor Diagrams
Cron Expression Generator Developer Tools
GitHub Dependency Starrer Developer Tools
No results found
Buy me a coffee
Savvy Goose

Favicon Generator

Turn an image into favicons and a multi-size .ico, in your browser.

How to use the Favicon Generator

  1. Drop in or pick an image. A square PNG or SVG gives the sharpest result.
  2. Preview the favicon at every standard size.
  3. Download individual PNGs, the multi-size favicon.ico, and copy the HTML to embed them.

Frequently asked questions

What image should I use for a favicon?
A square image works best, ideally 512×512 or larger so the small sizes stay crisp. A transparent PNG or an SVG keeps clean edges. Non-square images are centered and fit without cropping.
What is the .ico file for?
favicon.ico is the classic icon browsers look for at your site root. This one bundles 16, 32, and 48 px images in a single file so the browser can pick the size it needs.
Which sizes do I actually need?
A favicon.ico plus a 32 px PNG covers most browsers, and a 180 px apple-touch-icon handles iOS home screens. The 192 and 512 px sizes are used by Android and web app manifests.
How do I add the favicon to my site?
Put the downloaded files at your site root and paste the generated link tags into your page head. The HTML block on this page is ready to copy.
Is my image uploaded?
No. The resizing and .ico packaging happen on a canvas in your browser, so the image never leaves your device.

Made for free with