Drop files here
or click to browse
PNG · JPEG · JPG · SVG+XML · Max 10 MB
Preview (Square crop)
Upload an image to preview
Advanced Options
Icon Sizes
Background
Instant generation
All sizes in seconds
100% private
Files never leave your browser
Browser-based
No installation needed
Perfect for all platforms
Windows, macOS, Android, iOS
What's included in the ZIP?
Everything you need for your website and apps.
favicon.ico
16x16, 32x32, 48x48 (combined)
apple-touch-icon.png
180x180 (iOS)
android-chrome-192x192.png
192x192 (Android)
android-chrome-512x512.png
512x512 (Android)
site.webmanifest
PWA manifest file
Works everywhere
Use your favicon across all platforms.
What is a favicon?
A favicon (short for "favorite icon") is the small icon displayed in browser tabs, bookmarks, history lists, and mobile home screens next to your site's name. Modern browsers expect multiple sizes — from 16x16 for tab icons up to 512x512 for Android splash screens. A complete favicon package includes an ICO file (multi-size), an Apple Touch Icon (180x180), Android Chrome icons (192 and 512), and a site.webmanifest that tells browsers where to find them.
According to HTTP Archive data, over 60% of the top one million websites serve a properly configured favicon [HTTP Archive, 2024]. Sites without one show a generic globe or blank icon, which reduces perceived credibility and makes tabs harder to identify.
Frequently asked questions
What size should a favicon be?
You need multiple sizes: 16x16 and 32x32 for browser tabs, 48x48 for Windows shortcuts, 180x180 for iOS, and 192x192 plus 512x512 for Android. Trndinn generates all of these from a single image.
Do I need a site.webmanifest file?
Yes, if you want your site to work as a Progressive Web App (PWA) or display correctly on Android home screens. The manifest tells the browser which icons to use, your app name, and theme colors. Trndinn includes one in every download.
Can I use a transparent background for my favicon?
Yes. Select "Make transparent" in the Background options before generating. Transparent favicons work well for logos and icons but may look off for photos — test in a browser tab to confirm it looks right.
Need more?
Create social media icons, OG images, and brand assets with AI.
How to install your favicon
Place files in your site root
Copy all files from the ZIP into the root directory of your website (the same folder as index.html).
Add tags to your <head>
Add: <link rel="icon" href="/favicon.ico"> and <link rel="apple-touch-icon" href="/apple-touch-icon.png"> and <link rel="manifest" href="/site.webmanifest">
Update site.webmanifest
Edit site.webmanifest to set your app's name and theme_color to match your brand.
Trndinn's Favicon Generator is a free, browser-based tool. All processing happens locally on your device — no files are uploaded to any server. No signup, no watermark, no usage limit.