← Back to Tools

Favicon Generator

Generate all favicon sizes from a single image. Download as ZIP with ready-to-use HTML code.

Upload Image

Drop image here or click to upload

PNG, JPG, SVG • Square images work best

Preview All Sizes

Upload an image to see previews

HTML Code Snippet

Add this code to the <head> section of your HTML:

<!-- Favicon -->
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="shortcut icon" href="/favicon.ico">

<!-- Apple Touch Icon -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

<!-- Android Chrome -->
<link rel="icon" type="image/png" sizes="192x192" href="/android-chrome-192x192.png">
<link rel="icon" type="image/png" sizes="512x512" href="/android-chrome-512x512.png">

<!-- Web App Manifest (optional) -->
<link rel="manifest" href="/site.webmanifest">

Frequently Asked Questions

What sizes do I need for a favicon?+
For complete browser coverage, you need: 16x16 and 32x32 for browsers, 180x180 for Apple devices, and 192x192 and 512x512 for Android. Our generator creates all these sizes automatically.
What image format works best for favicons?+
PNG is the most widely supported format for modern favicons. We generate PNG files for all sizes, which work in all modern browsers and provide transparency support.
Do I still need a .ico file?+
For maximum compatibility, yes. Very old browsers and some applications still look for favicon.ico. Our generator includes one in the download bundle.
What is apple-touch-icon?+
Apple Touch Icon is used when users add your website to their iPhone or iPad home screen. It should be 180x180 pixels and is included in our favicon bundle.

Learn More

Improve your web development workflow with these guides:

Related Tools

Image Resizer

Resize to any dimension

SVG to PNG

Convert vectors to images

Image Compressor

Reduce file size