Home / Images & Design / Favicon Generator
🎨

Favicon Generator

Create favicon PNG sizes from any image.

About Favicon Generator

A favicon is the small icon shown in browser tabs and bookmarks. Upload a square logo and this tool crops it to the center and creates PNG files at 16, 32, 48, 180, 192 and 512 pixels. It works in your browser and does not upload your image. After downloading, add the files to your site and link them in the head section.

Example

Input: a logo image. Output: six PNG downloads in the common favicon and app icon sizes.

Tips for better results

  • Start with a simple, high-contrast image, because favicons are tiny.
  • Use a square source at least 512 by 512 pixels.
  • Add the 180 pixel image as the Apple touch icon.

When to use Favicon Generator

Use the Favicon Generator when you launch a new website or notice that your pages show a blank globe icon in the browser tab. Small business owners, bloggers, freelancers and developers can turn a logo into the set of icon sizes that browsers, phones and home screens expect. Upload a square image, review the results, download the files and add them to your site. It is a quick way to make a site look finished and easier to find among open tabs.

Real-world uses

  • A freelancer finishing a portfolio site turns a square logo into tab icons so the page looks polished before sharing the link with clients.
  • A blogger moving to a new theme creates fresh icon files after a rebrand so old artwork does not appear in browser tabs.
  • A shop owner creates a 180 pixel icon so customers who save the store to a phone home screen see a clear logo.
  • A developer prepares 192 and 512 pixel images needed for a web app manifest before testing installation on a phone.

Common mistakes to avoid

  • Using a detailed logo with small text makes an unreadable icon at 16 pixels. Pick a simple symbol or an initial that stays clear when tiny.
  • Uploading a non-square image causes cropping that may cut off part of your logo. Prepare a square version with some padding first.
  • Browsers cache icons aggressively, so a new file may not show right away. Clear the cache or check in a private window before assuming it failed.

Create favicon PNG sizes from any image. It works instantly in your browser, so there is nothing to install and nothing to upload. Favicon Generator is part of our collection of 100 free tools in the Images & Design category.

How to use it

  1. Enter your information or choose a file in the tool above.
  2. Your result appears right below the tool.
  3. Copy the result, or adjust your input and try again.

Frequently asked questions

Where do I put the favicon files?

Upload them to your site, commonly in the root folder or an assets folder, and link them in the head section of your pages. WordPress users can often set a site icon in the customizer.

Why is my new favicon not showing?

Browsers and search engines store icons for a while. Check that the file path is correct, hard refresh the page, try a private window, and allow some time for changes to appear everywhere.

Is Favicon Generator free to use?

Yes. Favicon Generator is completely free and you do not need to create an account.

Is my data uploaded anywhere?

No. This tool runs in your browser, so what you type or choose stays on your device.

How accurate are the results?

Calculations use standard formulas, but always double-check important figures, especially for money, health or legal decisions.

Related tools

Related guides