Working hours Mon–Fri: 10:00 – 18:00

Favicon Generator

Upload one square image, get 10 favicon PNGs (16 → 512px) plus manifest.json and HTML <link> tags. All client-side via Canvas API.

A complete favicon set for a modern site includes 8-10 sizes: 16x16 (browser tab), 32x32 (search results), 96x96 (Chrome shortcuts), 180x180 (iOS home screen), 192x192 + 512x512 (Android PWA). This tool resizes your source image to all required sizes in your browser, generates a manifest.json, and outputs the HTML head tags. No upload — everything runs in your browser.

📷
Drop a PNG, JPG or SVG image here
or click to choose a file — recommended source is 512×512 or larger square

Generated favicons

manifest.json


HTML <head> tags


How it works
1
Drop a square image (512×512 recommended)
2
Wait for canvas rendering
3
Download individual sizes
4
Add manifest.json
5
Paste HTML head tags
-
What's the minimum favicon set in 2026?

Minimum: favicon.ico (32x32, multi-resolution), apple-touch-icon.png (180x180), and a 192x192 + 512x512 in manifest.json for PWA install. Modern best practice adds favicon-16.png, favicon-32.png, and favicon-96.png explicitly to give browsers precise control.

+
Why does my favicon look blurry?

Most common cause: source image is too small. A 32x32 source upscaled to 192x192 looks blurry. Start with 512x512 source minimum. Second cause: complex logos that don't scale to 16x16 — simplify the mark for tiny sizes (just initials or icon, no text).

+
Should I use SVG favicon?

Yes, alongside PNG fallbacks. SVG favicons () work in modern browsers and scale perfectly at any size. Always provide PNG fallbacks for older browsers and OS chrome that can't render SVG (iOS home screen, etc.).

+
Does favicon affect SEO?

Yes — Google shows your favicon next to the page title in SERP listings (since 2020 on mobile, 2022 on desktop). A clear, branded favicon improves click-through rate. Google requires favicon to be at least 8×8 pixels and a multiple of 48 (so 48x48, 96x96, 144x144 are all valid). Reference via in HTML.

Related free design tools
All Design Tools
Learn more →
Color Contrast Checker
Learn more →
Color Palette Generator
Learn more →
CSS Gradient Generator
Learn more →
Font Pairing Tool
Learn more →
Want this done for you?
B2B UI/UX Design • deployed 260605-fv
Book Free Consultation
By submitting you agree to our Privacy Policy
Free UX review

Get a free UX review

Our senior designers review your site's UX, visual hierarchy, accessibility, and conversion flow — and send you a prioritised list of quick wins.

No spam. We reply within one business day.