Favicon Generator
Upload a logo or image and get every favicon size a modern site needs — favicon.ico, PNGs from 16×16 to 512×512, and apple-touch-icon. Squared and padded automatically.
Drop an image here, or click to browse
PNG, JPG, WebP or SVG — a square image of 512×512 or larger works best.
Original![]()
Size preview (shown at actual pixels)
16×16
32×32
48×48
180×180
Your favicon package
HTML snippet
<link rel="icon" href="/favicon.ico" sizes="48x48">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">The 192 and 512 px icons are for your PWA web app manifest (manifest.webmanifest), not for <link> tags.
Something wrong with this tool? Tell us and we'll fix it
How to use
- Upload your logo or image (PNG with transparency works best).
- Preview how it looks at tiny sizes.
- Download the complete favicon package.
Frequently asked questions
Which favicon sizes do I actually need?
Modern sites need: favicon.ico (16/32/48), 180×180 for Apple touch, and 192×192 + 512×512 for Android/PWA. The package includes all of them plus a ready-to-paste HTML snippet.
My logo isn't square — what happens?
It is centered on a square canvas with transparent padding (or a background color you choose), so nothing gets stretched or cropped.
Why does my favicon look blurry at 16×16?
Fine details disappear at tiny sizes. Simplify: use a bold shape or single letter. The live preview shows exactly what users will see in their tab bar.