Free Favicon Generator for All Platforms
favicon.pub helps you generate all required favicon formats in seconds — including PNG, ICO, SVG, Apple Touch Icons, Android icons, Safari pinned tabs and PWA manifest files.
Click or drag image here
Supports PNG, JPG, SVG, WEBP
What is a favicon.ico?
favicon.ico is the classic icon file that browsers look for in your website's root directory. It appears in browser tabs, bookmarks and the address bar, and it bundles several sizes (16×16, 32×32 and 48×48) so every browser can find one it supports.
Standard favicon.ico sizes:
- 16×16 – Browser tab
- 32×32 – Taskbar
- 48×48 – Desktop shortcut
100% Client-Side Processing
Images are decoded and resized locally in your browser — nothing is uploaded to a server, and the tool works even if your connection drops mid-session
Complete Icon Package
One upload produces favicon.ico, every PNG size, SVG, apple-touch-icon, android-chrome icons and a matching site.webmanifest in a single download
Developer-Friendly Output
Standardized file names, a ready-to-paste HTML snippet and a valid webmanifest — drop the folder into your project and ship
Privacy / Security
- Files processed in browser
- No uploads stored
- Automatic cleanup
Who is this for
- Developers
- Designers
- Indie Hackers
- SaaS founders
Use cases
- Website favicon
- PWA icon
- Web App
- Mobile App placeholder
What is a Favicon?
A favicon (short for favorite icon) is a small icon displayed in browser tabs, bookmarks, and other interface elements. The file lives in your website's root directory so browsers can discover it automatically.
How to Generate a Favicon Online
Using our favicon generator is simple:
- Upload your PNG, JPG, or SVG logo.
- Preview all generated favicon icons instantly.
- Download your favicon package and add it to your website.
How to Add a Favicon to Your Website
After generating your favicon files, add the following HTML code to the <head> section of your website:
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/favicon-48x48.png" sizes="48x48">
<link rel="manifest" href="/site.webmanifest">
<link rel="icon" type="image/png" href="/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="/android-chrome-512x512.png" sizes="512x512">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">HTMLFAQ
Is this favicon generator free?
Yes. favicon.pub is free to use for generating favicon packages for your websites and personal or commercial projects.
Can I generate a favicon from SVG?
Yes. SVG is the only favicon format that stays sharp at every size and can adapt to dark mode via prefers-color-scheme. Upload an SVG file and the generated package will include favicon.svg alongside all raster sizes.
What favicon sizes do I need in 2026?
The most important sizes are 16×16, 32×32, 48×48 for browsers, 180×180 for Apple devices, and 192×192 and 512×512 for Android and PWAs.
Does this tool support dark mode favicon?
Yes. You can generate SVG favicons and Safari pinned tab icons that look sharp in both light and dark themes.
Is favicon.pub safe to use?
Yes. Decoding, resizing and encoding all run locally in your browser via the Canvas API — your image never touches a server, so there is nothing to store, log or leak.
All Favicon Formats for Modern Platforms
Browser Favicons
favicon-16x16.png for browser tabs, favicon-32x32.png for taskbars and UI, favicon-48x48.png for desktop shortcuts, plus favicon.ico as the traditional multi-size icon.
Apple Touch Icons
apple-touch-icon.png (180x180) as the default iPhone and iPad icon, apple-touch-icon-152x152 for iPad, and apple-touch-icon-167x167 for iPad Pro.
Android & PWA Icons
android-chrome-192x192.png and android-chrome-512x512.png for Android Chrome and Progressive Web Apps, referenced automatically from the generated site.webmanifest.
Vector SVG Favicon
favicon.svg as a scalable vector favicon that looks sharp on any screen and works great with dark mode.
Safari Pinned Tab Icon
safari-pinned-tab.svg for Safari’s pinned tabs, rendered as a monochrome vector icon with customizable color.
Auto-Generated site.webmanifest
A site.webmanifest file describing your app name, icons and colors for PWA support on modern browsers.