Documentation
Everything you need to know about generating and implementing favicons
Quick Start Guide
Upload
Upload your logo or image
Info
Enter your website information
Preview
Preview your favicons
Generate
Generate and download your favicons
Implementation Guide
Basic Setup
After generating your favicon package, extract the ZIP file to your website's root directory. Then, add the following code to your HTML <head> section:
<!-- Basic Favicons -->
<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">
<!-- iOS Support -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<!-- Android Support -->
<link rel="manifest" href="/site.webmanifest">
<!-- Windows Support -->
<meta name="msapplication-TileColor" content="#2A9B48">
<meta name="msapplication-TileImage" content="/mstile-144x144.png">
<meta name="theme-color" content="#2A9B48">Advanced Configuration
The generated site.webmanifest file contains important metadata for PWA support. You can customize it further by editing these fields:
{
"name": "Your Website",
"short_name": "Website",
"description": "Your website description",
"icons": [
{
"src": "/android-chrome-192x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "/android-chrome-512x512.png",
"sizes": "512x512",
"type": "image/png"
}
],
"theme_color": "#2A9B48",
"background_color": "#ffffff",
"display": "standalone",
"start_url": "/"
}Frequently Asked Questions
What file formats are supported?
We support PNG, JPG, GIF, and SVG formats. For best results, we recommend using a square PNG image with a minimum size of 512x512 pixels.
What's included in the favicon package?
The package includes favicons in various sizes (16x16 to 512x512), platform-specific icons for iOS and Android, manifest files for PWA support, and complete implementation instructions.
How do I implement the favicons?
Simply extract the downloaded ZIP file and copy the files to your website's root directory. Then add the provided HTML code to your site's <head> section. Detailed instructions are included in the package.
Is there a size limit?
Yes, the maximum upload size is 5MB. This is more than sufficient for most favicon images. For best results, we recommend using images between 512x512 and 1024x1024 pixels.
Do you support dark mode favicons?
Yes! You can preview your favicons in both light and dark modes. We also provide the necessary meta tags for implementing dark mode favicons in supported browsers.
Can I generate PWA icons?
Absolutely! Our package includes all the necessary icons for Progressive Web Apps (PWA), along with a properly configured manifest file.