What image should I use as a source?

Use a square PNG with a transparent background at least 512×512 pixels. Simple, bold shapes that remain recognisable at 16×16 pixels produce the best favicons.

What files does the generator produce?

The generator produces a favicon.ico (containing 16×16, 32×32, 48×48 sizes), apple-touch-icon.png (180×180), and android-chrome icons (192×192 and 512×512).

How do I add the favicon to my website?

Place the generated files in your site root and add the provided HTML link tags to the head of every page. Modern frameworks have their own favicon configuration methods.

Best Free Online Favicon Generator

A favicon is the small icon displayed in browser tabs, bookmarks, and browser history that reinforces your brand identity on every website visit. Creating a complete favicon set that satisfies the requirements of all browsers and devices requires generating multiple image sizes — 16×16, 32×32, 48×48 for ICO, plus 180×180 for Apple Touch Icon, and 192×192 and 512×512 for Android Chrome. devtoolkit.sh's Favicon Generator creates the full set from a single source image in one step. Upload your logo or icon, and download a ZIP containing everything you need, along with the HTML link tags to paste into your site.

[ choose file ]

FAQ

What image should I use as a source?: Use a square PNG with a transparent background at least 512×512 pixels. Simple, bold shapes that remain recognisable at 16×16 pixels produce the best favicons.
What files does the generator produce?: The generator produces a favicon.ico (containing 16×16, 32×32, 48×48 sizes), apple-touch-icon.png (180×180), and android-chrome icons (192×192 and 512×512).
How do I add the favicon to my website?: Place the generated files in your site root and add the provided HTML link tags to the head of every page. Modern frameworks have their own favicon configuration methods.