Drop an image to generate favicons in every size — resizing happens in your browser and your image is never uploaded.
The 512×512 icon is marked purpose: "maskable" so Android can crop it to any shape without clipping your logo — leave roughly 10% padding around the edges of your source image.
How it works
- Generates 16×16 and 32×32 (browser favicons), 48×48 (Windows), 180×180 (Apple touch icon), and 192×192 / 512×512 (Android/PWA icons).
- Padding shrinks your image inside the icon canvas — useful when a logo needs breathing room. Rounding applies rounded corners (Apple touch icons are auto-rounded by iOS, so leave this at 0 for those).
- A transparent background keeps PNG alpha intact; a solid color fills behind the image (recommended when your logo has transparent areas that need contrast).
- Everything is resized locally on a canvas — your image is never uploaded anywhere.
- Click the HTML snippet to copy it, then paste into your page's
<head>.
Turn an image or emoji into a full favicon set — the PNG sizes and the HTML snippet modern browsers and devices need. Generated in your browser and ready to download.
Frequently asked questions
Which favicon sizes do I need?
At minimum a 32×32 and 16×16 for browser tabs, a 180×180 apple-touch-icon for iOS, and 192×192 and 512×512 for Android/PWA installs. The generator produces these for you.
What files does it output?
The individual PNG sizes plus a ready-to-paste
snippet linking them, so you can drop them into your site root and go.Should I use an SVG favicon?
An SVG favicon scales perfectly and is great for modern browsers, but keep PNG fallbacks for older browsers and for iOS/Android home-screen icons.
Where do the files go?
Place them in your site's root (or an assets folder) and reference them from the
. Make sure the paths in the snippet match where you put the files.How a tiny icon became part of the Web
Favicons emerged with late-1990s browsers as websites gained small identifying icons. They later became familiar in browser tabs, bookmarks, history and shortcuts.
Why tiny graphics need special design
A detailed logo that looks good at hundreds of pixels can become unreadable at favicon sizes. Strong silhouettes and simple shapes survive reduction better than fine detail.