Favicon Generator — Make favicon.ico & App Icons
Generate standard website favicons and modern mobile app touch icons.
- Runs in your browser
- Free, no signup
Drag & drop an image or logo here
or
PNG · JPG · WEBP · SVG — high resolution recommended
Live Previews
Icon Customization
Add space around the logo so it doesn't touch the edges.
HTML Favicon Code
Add this code inside the <head> section of your website:
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<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="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">Generated Icons & Sizes
Favicons are generated and packaged inside your browser using HTML5 Canvas. Your images are never uploaded to our server.
A favicon is the small icon displayed in browser tabs, bookmarks, history lists, and mobile home screens. Having standard icons across all device resolutions ensures your brand looks crisp and professional.
This tool creates a complete, production-ready icon suite: a multi-resolution favicon.ico file (holding 16x16, 32x32, and 48x48 versions), high-resolution Apple Touch icons (180x180), and Android PWA icons (192x192 and 512x512).
How to use this tool
- Upload a square logo or image (PNG, JPG, WebP, or SVG). High-resolution images (at least 512x512) give the best results.
- Customize the background color, padding, scaling mode (fit or fill), and shape clipping.
- Click "Download Favicon Package (ZIP)" to get all icon files plus site.webmanifest, and copy the ready-to-use HTML code snippet into your website header.
Essential Modern Favicon Sizes
Modern websites need several icon files to display properly across browsers and operating systems: 16x16 for standard desktop tabs, 32x32 for high-DPI screens, 48x48 for desktop shortcuts, 180x180 for iOS Safari home screen bookmarks, and 192x192 / 512x512 for Android Progressive Web Apps.
Our package bundles every required size together with a standard site.webmanifest and favicon.ico file.
Frequently asked questions
What is a favicon.ico file?
The .ico format is a container format that embeds multiple resolutions (16x16, 32x32, 48x48) in a single file, ensuring compatibility with legacy desktop browsers and search engines.
Can I use an SVG image as source?
Yes. SVG files are accepted and safely sanitized in your browser before rendering onto high-resolution canvas surfaces.
Where should I place the favicon files on my web server?
Place the extracted files in your website root directory (e.g., https://example.com/favicon.ico) and paste the provided HTML snippet into your HTML <head> section.