A favicon is the small icon that appears in browser tabs, bookmarks, and on phone home screens. It is a tiny detail that makes a site feel finished. The Favicon Generator turns any image into the full set of sizes you need and gives you the HTML to wire them up.
Why you need multiple sizes
Different contexts request different icon sizes: browser tabs use 16 and 32 pixels, Apple devices use a 180-pixel touch icon, and web app manifests reference 192 and 512-pixel icons. Providing each size means your icon looks crisp everywhere instead of being awkwardly scaled.
- 16×16 and 32×32 — browser tabs and bookmarks
- 180×180 — Apple touch icon for iOS home screens
- 192×192 and 512×512 — Android and PWA manifests
How to use the Favicon Generator
- Drag in or select a square image or logo (512×512 or larger is ideal).
- The tool renders every common size and previews each.
- Download the sizes you need.
- Copy the provided HTML link tags into your page’s <head>.
Tip: keep favicon artwork simple. Fine detail disappears at 16×16, so a bold, high-contrast mark reads best.
Everything is rendered locally with the canvas API, so your logo never leaves your device. Generate, download, paste the tags, and your site has a polished icon across every browser and platform.
