The favicon is the tiny icon in every browser tab. Learn the sizes you need, how to make one from any image, and design tips so it reads at 16px — free in your browser.
The favicon is the tiny icon in the browser tab, next to your page title. It's small, but it's everywhere your site appears — tabs, bookmarks, history, search results, and the home screen when someone saves your site to their phone. A crisp favicon makes a site look finished; a missing or blurry one makes it look unfinished. Here's how to make one from any image.
A favicon isn't one image — modern browsers and devices ask for several sizes. A good favicon generator produces them all from a single upload.
| Size | Used for |
|---|---|
| 16×16, 32×32 | Browser tabs and bookmarks |
| 48×48 | Windows site shortcuts |
| 180×180 | Apple touch icon (iOS home screen) |
| 192×192, 512×512 | Android home screen / PWA manifest |
<head>.If you're also shipping a mobile app or PWA, you'll need a full set of app icons in each platform's sizes — the App Icon Generator produces those from one image the same way.
A favicon is a small detail that makes a big difference to how finished your site feels. Start from a simple, square, high-contrast image, generate every size at once, and add the files to your <head>. The ToolsGravity Favicon Generator creates the full set in your browser in seconds.