Markup
Favicon Generator
Turn any image into every favicon size plus the head markup.
How it works
A favicon is the tiny icon in a browser tab, bookmark or phone home screen. Modern sites ship it as a handful of PNGs at set sizes rather than a single legacy .ico file.
Upload one source image and the tool renders every size on a canvas — 16, 32 and 48px tab icons, a 180px apple-touch-icon, and 192/512px PWA icons. Non-square images are center-cropped, and you can fill transparency with a background color. Each icon downloads as a PNG, and the exact <head> markup is ready to copy.
Because everything is drawn in your browser, your image is never uploaded — safe for brand artwork and unreleased logos.
Frequently asked
What favicon sizes do I actually need?+
For a modern site: 16×16 and 32×32 PNGs for browser tabs, a 180×180 apple-touch-icon for iOS home screens, and 192×192 and 512×512 icons for progressive-web-app installs and Android. This tool generates all of those from one source image, plus a 48×48 for legacy contexts.
What size should my source image be?+
Upload the largest, squarest version you have — at least 512×512 so the biggest icon stays crisp. If the image isn’t square, the tool center-crops it to a square before scaling. Simple, high-contrast artwork reads best at 16×16, where fine detail disappears.
How do I add the favicon to my site?+
Download each PNG (keep the suggested filenames), drop them in your site’s root directory, and paste the provided <link> tags into your <head>. Reference the 192 and 512 icons from your site.webmanifest so installed PWAs use them. The markup is generated for you to copy.
Do I still need a favicon.ico file?+
Rarely. Current browsers happily use PNG favicons via the <link> tags, so the PNGs here cover the vast majority of cases. A classic favicon.ico is only needed for very old browsers that request /favicon.ico directly — most sites can skip it.
Is my image uploaded to a server?+
No. Your image is read locally and every size is rendered on a canvas in your browser — nothing is uploaded, so brand artwork and unreleased logos never leave your device.
More free tools
All toolsOpen Graph & Social Preview Checker
Paste your meta tags and see how the link previews on every platform.
Open toolMeta Tag Generator
Generate a complete head meta set — SEO, Open Graph and Twitter — in one form.
Open toolSchema Markup Generator
Fill a short form and get valid, paste-ready JSON-LD.
Open toolMore tools shipping weekly.
Ship the details, then prove them
A crisp favicon is one of the small things that make a site feel finished. Shotline helps you catch the rest — clients pin feedback on the live page, each comment tied to the exact element.
No signup needed. Free demo canvases stay live for 72 hours.
or start your 14-day free trial — no card required.