Free Online Favicon Generator
Create favicons for your website using emojis, text, or custom images. Supports all modern browsers, mobile devices, and PWA requirements.
Preview
Favicon preview will appear here
Source
Size Options
Favicon Sizes
Apple Touch Icon Sizes
Android Chrome Icons
Manifest Settings
Export
HTML Code
<!-- Favicon --> <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"> <!-- Apple Touch Icons --> <link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png"> <link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png"> <link rel="apple-touch-icon" sizes="167x167" href="/apple-touch-icon-167x167.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png"> <!-- Android Chrome Icons --> <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 --> <link rel="manifest" href="/site.webmanifest"> <!-- Theme Color --> <meta name="theme-color" content="#ffffff">
Web Manifest
{ "name": "My Website", "short_name": "Site", "start_url": "/", "icons": [ { "src": "/favicon-16x16.png", "sizes": "16x16", "type": "image/png" }, { "src": "/favicon-32x32.png", "sizes": "32x32", "type": "image/png" }, { "src": "/favicon-48x48.png", "sizes": "48x48", "type": "image/png" }, { "src": "/favicon-64x64.png", "sizes": "64x64", "type": "image/png" }, { "src": "/favicon-128x128.png", "sizes": "128x128", "type": "image/png" }, { "src": "/favicon-192x192.png", "sizes": "192x192", "type": "image/png" }, { "src": "/favicon-256x256.png", "sizes": "256x256", "type": "image/png" }, { "src": "/favicon-512x512.png", "sizes": "512x512", "type": "image/png" }, { "src": "/apple-touch-icon-120x120.png", "sizes": "120x120", "type": "image/png" }, { "src": "/apple-touch-icon-152x152.png", "sizes": "152x152", "type": "image/png" }, { "src": "/apple-touch-icon-167x167.png", "sizes": "167x167", "type": "image/png" }, { "src": "/apple-touch-icon-180x180.png", "sizes": "180x180", "type": "image/png" }, { "src": "/android-chrome-192x192.png", "sizes": "192x192", "type": "image/png", "purpose": "any maskable" }, { "src": "/android-chrome-512x512.png", "sizes": "512x512", "type": "image/png", "purpose": "any maskable" } ], "theme_color": "#ffffff", "background_color": "#222028", "display": "standalone" }
About Free Online Favicon Generator Tool
Create professional favicons for your website with our free online tool. Generate icons from emojis, text, or images. Supports multiple sizes, PWA icons, and Apple Touch icons. Download complete favicon packages with HTML code.
How to Use Free Online Favicon Generator Tool
- Choose from emoji, text, or custom image sources for your favicon
- Customize with colors, fonts, sizes, and positioning options
- Generate favicons in multiple sizes (16x16 to 512x512)
- Create Apple Touch icons for iOS devices
- Get PWA-ready icons with manifest.json
- Download complete favicon package with all required files
- Copy ready-to-use HTML code for easy implementation