Right-click any size → Save Image As, or use the download links below.
About this tool
The Favicon Generator creates favicon image files from plain text or an uploaded image. It handles the sizing and formatting so you end up with a small square icon ready to drop into your website project. This tool is aimed at web developers, indie makers, and anyone building or maintaining a site who needs a browser tab icon without opening design software.
Reach for this when you are starting a new project and need a quick placeholder favicon, or when a client site is missing one entirely. It saves you the round trip through Photoshop or Figma for something that is, ultimately, a 16×16 pixel image.
How to use it
- Choose your input method: type a short text label or upload an existing image file.
- If using text, enter one or two characters and pick a background colour.
- If uploading, select a square image for the cleanest result at small sizes.
- Preview the generated favicon at 16×16 and 32×32 to check legibility.
- Click Download to save the .ico or .png file to your computer.
- Add the file to your project root and reference it in your HTML head tag.
Pro tips
- Single characters or bold initials read far better than full words once the browser scales the icon down to 16 pixels.
- Use a high-contrast background colour against your text or logo to keep the favicon recognisable in both light and dark browser chrome.
FAQ
What file format does it output?
The tool outputs a PNG or ICO file depending on your selection. ICO is the most broadly supported format across older browsers and operating systems.
Does my uploaded image need to be square?
It does not have to be, but non-square images will be cropped or padded to fit. Starting with a square image gives you predictable results.
Related tools
Looking for something else? Browse browse free web and code tools – all free, all in your browser.