Generate all favicon sizes from a single image. Download as ZIP with ready-to-use HTML code.
Drop image here or click to upload
PNG, JPG, SVG • Square images work best
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">ScreenSnap Pro makes it easy to capture, annotate, and share screenshots. Perfect for documentation, tutorials, and marketing materials.
Try ScreenSnap Pro — $29 one-timeFor 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.
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.
For maximum compatibility, yes. Very old browsers and some applications still look for favicon.ico. Our generator includes one in the download bundle.
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.
Improve your web development workflow with these guides: