Skip to content
Butter Tools Logo
Butter Tools

Favicon Generator

Generate favicons in all standard sizes from any image — browser tab icon, Apple touch, Android, PWA and more.

🌐

Upload an image to generate favicons

Minimum 512×512 px for best results

menu_book

How to Use Favicon Generator

To generate a favicon, upload a square image (ideally 512×512 pixels or larger) by clicking the upload area or dragging it onto the page. The tool automatically resizes the image to all standard favicon sizes: 16×16, 32×32, 48×48, 57×57, 96×96, 128×128, and 180×180 pixels.

After generation, download the favicon.ico file or individual PNG sizes. The tool also provides the HTML link tags you need to add to your website's head section so browsers and devices display the correct icon. Place the downloaded files in your website's root directory.

help

Frequently Asked Questions

What is a favicon? expand_more

A favicon (short for 'favourite icon') is the small image displayed in browser tabs, bookmarks, and next to page titles in search results. It helps users identify and navigate to your website quickly.

What image should I use for a favicon? expand_more

Use a simple, recognisable symbol or logo that is still clear at 16×16 pixels. Upload a square image of at least 512×512 pixels for the best results across all output sizes.

What sizes do I need for a complete favicon set? expand_more

A full set includes 16×16 (browser tab), 32×32 (taskbar and shortcuts), 48×48 (Windows site icons), 96×96 (Google TV), 128×128 (Chrome Web Store), and 180×180 (Apple Touch Icon for iOS).

How do I add a favicon to my website? expand_more

Place the favicon files in your website root directory and add HTML link tags in your page's <head> section, for example: <link rel='icon' type='image/x-icon' href='/favicon.ico'>.

What image format should my source image be? expand_more

PNG images with a transparent background work best for favicon generation. Square JPG images also work, but transparency support is limited to PNG.