Free · Private · No signup
Favicon Generator
Turn one logo into a complete favicon pack — multi-size favicon.ico, PNG icons, Apple Touch, Android Chrome icons, a Photoshop PSD, site.webmanifest, and copy-paste HTML. Download one file or the ZIP. Runs in your browser with no upload.
Professional favicons for every browser and device
A missing or blurry favicon makes a site feel unfinished. This favicon generator builds the files Chrome, Safari, Edge, iOS, and Android expect — including legacy .ico support and modern PWA icons. Pair it with the Image Compressor when you need a lighter master PNG first.
ICO (16/32/48), PNG sizes, Apple Touch, Android Chrome icons, a 512×512 Photoshop PSD, webmanifest, and Windows browserconfig — download one file or the ZIP.
Add safe padding and optional solid fill so small tab icons stay legible and Apple icons look polished.
See how your mark reads in a browser tab mock and on mobile home-screen style tiles before you download.
Customize app name, short name, theme color, and background color written into site.webmanifest.
100% client-side processing — ideal for unreleased logos and client brand work.
Get production-ready <link> and meta tags for Chrome, Safari, Edge, and Android.
How to create favicons online
- 1
Upload a square master image
Prefer 512×512+ PNG with transparency. Drag and drop or click to browse.
- 2
Tune padding, fit, and colors
Adjust padding, cover/contain fit, optional background, and PWA theme colors.
- 3
Preview across contexts
Check the tab mock and mobile tile previews so the icon stays clear at 16px and on home screens.
- 4
Download the ZIP and add head tags
Download a single ICO, PNG, or PSD from the grid, or extract the ZIP into your site root and paste the HTML snippet into <head>.
Favicon sizes this tool exports
From a single square source you get 16×16, 32×32, 48×48, 96×96, 150×150 (Windows tile), 180×180 Apple Touch, 192×192 and 512×512 Android icons, plus a combined favicon.ico. Manifest and browserconfig files ship in the ZIP so PWAs and pinned Windows sites work out of the box.
Related tools
Image Compressor
Shrink logo and marketing images before shipping them with your favicon pack.
Complete Favicon & PWA Guide
Sizes, ICO vs PNG, Apple Touch, manifests, HTML install, and cache busting.
CSS Gradient Generator
Build background gradients for landing pages that sit next to your new favicon.
SVG Shape Generator
Draft simple geometric marks you can export and turn into favicons.
Frequently asked questions
What is a favicon?
A favicon (favorite icon) is the small brand mark shown in browser tabs, bookmarks, history, and often next to your site in Google mobile search results. A complete set also covers Apple home-screen icons and Android PWA icons.
What size should my source image be?
Use a square PNG (or WebP/JPEG) at least 512×512 pixels. Transparent PNGs work best for browser tabs; for Apple Touch icons you can optionally add a solid background in this tool.
Which favicon files do I need in 2026?
A practical package includes favicon.ico (16/32/48), 16×16 and 32×32 PNGs, apple-touch-icon.png (180×180), Android 192 and 512 PNGs, site.webmanifest, and optionally browserconfig.xml for Windows tiles.
Does this favicon generator upload my logo?
No. All resizing and packaging runs in your browser with canvas APIs. Your image never leaves your device.
Can I download one file instead of the ZIP?
Yes. Each generated icon has its own Download link. Use Export format to grab favicon.ico, a 512×512 PNG, Apple/Android icons, or a Photoshop PSD without the rest of the pack.
Can I export a Photoshop PSD?
Yes. The generator writes a 512×512 RGB PSD with the fitted icon as a pixel layer. It opens in Photoshop, Photopea, and similar editors. Vector paths and layer styles are not included — it is a raster document of the same mark as the PNG pack.
How do I install the favicons on my site?
Download the ZIP, extract files into your site root (or /public), then paste the generated HTML tags into your document <head>. For Next.js, place icons under app/ or public/ and wire them in metadata.
Why is my favicon not updating?
Browsers cache favicons aggressively. Hard-refresh, try an incognito window, or append a version query such as /favicon.ico?v=2 after you replace files.
Is SVG favicon supported?
Modern Chromium and Firefox support SVG favicons. This tool focuses on the universal PNG + ICO package for maximum compatibility. You can still add an SVG link alongside the generated files.
Is the Favicon Generator free?
Yes. No signup, no watermark, and unlimited client-side generation.