Favicon Generator
Make the little icon in the browser tab. Drop in a logo — or just pick a letter and colors — and get every size you need.
Paste this inside your HTML <head>
This tool runs entirely in your browser. Nothing you add is uploaded to any server.
Last checked: · Made by Fingertip Workshop
How to use
- 1
Add a logo under From an image, or pick text, colors and a shape under From text.
- 2
Check real-size previews from 16px up to 192px.
- 3
Download favicon.ico or the full set (ZIP) and put it in your site's root folder.
- 4
Paste the HTML snippet inside
<head>.
What's in the set
| File | Used for |
|---|---|
| favicon.ico (16/32/48) | Tabs and bookmarks in every browser |
| favicon-32x32.png | Sharper tab icons in modern browsers |
| apple-touch-icon.png (180) | iPhone/iPad home screen |
| android-chrome 192/512 | Android home screen and installable apps |
| site.webmanifest | Tells Android where the icons are |
Tips for a crisp favicon
16 pixels is tiny. Use one symbolic part of your logo or a single letter instead of the whole thing. A solid background keeps it visible on light and dark tabs.
FAQ
Can I use it on WordPress or Shopify?
Yes — upload the generated image in WordPress under Customize → Site Identity, or in your platform's favicon setting.
I changed my favicon but see the old one.
Browsers cache favicons. Hard-refresh (Ctrl+Shift+R) or give it a little time.
Can I use an SVG logo?
Yes, SVGs are rendered crisply at each size.