Image & Media

How to Generate a Favicon

Step-by-step guide to creating favicon files in all required sizes from a single image using the DevHexLab Favicon Generator.

Tool Used

Favicon Generator

Open tool
1

Open the Favicon Generator

Navigate to /tools/image/favicon-generator.

2

Upload your source image

Upload a square image at least 256x256 pixels. A PNG with a transparent background works best. Logos and icons are ideal.

3

Preview the sizes

The tool shows previews of your favicon at 16x16, 32x32, 48x48, 180x180 (Apple Touch Icon), and 192x192 (Android) to check it looks good at small sizes.

4

Download the package

Click Download to get a ZIP file containing all favicon sizes plus a snippet of the HTML link tags needed to add them to your site's head element.

All done!

You are ready to use Favicon Generator like a pro.

Try it now
All guides