A 400 × 300 logo
The centered 300 × 300 square is used: 50 px is trimmed from each side.
Favicon Generator
Create a complete favicon set — favicon.ico, PNGs, Apple and Android icons — plus the HTML to add them.
Drag an image here, or choose one
A square PNG or SVG of 512 px or more works best; other shapes are cropped to the center.
Runs in your browser — nothing you enter is sent to a server.
How the Favicon Generator works
Choose your logo or any image. The generator crops it to the centered square and creates every icon a modern site needs: a favicon.ico with 16, 32 and 48 px images, 16 and 32 px PNGs, a 180 px Apple touch icon, and 192 and 512 px Android icons with a site.webmanifest. Download everything as one ZIP.
Upload the files to the root of your website and paste the HTML into each page's <head>. Everything is created in your browser.
Formula
favicon.ico · favicon-16x16.png · favicon-32x32.png · apple-touch-icon.png · android-chrome-192x192.png · android-chrome-512x512.png · site.webmanifest · head.html
Examples
The HTML
<link rel="icon" href="/favicon.ico" sizes="48x48"> and four more tags, ready to copy.
Frequently asked questions
What makes a good favicon?
A simple, bold shape that reads at 16 pixels — usually a logo mark or a single letter, not a full logo with text.
Why isn't my new favicon showing?
Browsers cache favicons hard. Open the icon URL directly, then reload, or check in a private window.
Do I still need favicon.ico?
Yes — some browsers, feed readers and tools still request /favicon.ico first, so it's worth including.
Related tools
Image Resizer
Resize images to exact pixel dimensions or by percentage, keeping the proportions if you like.
Image Tools
Meta Tag Generator
Generate the title, description, canonical, robots and viewport tags for a page's <head>, with length checks.
SEO Tools
Open Graph Generator
Generate Open Graph and X (Twitter) card tags so links show a title, description and image when shared.
SEO Tools