Favicon Generator
Turn one logo into every favicon size plus favicon.ico.
- Free
- No signup
- Runs in your browser
How to use Favicon Generator
- Upload your logo. A square PNG or SVG at 512px or larger works best.
- No logo yet? Make a letter icon by choosing a letter or emoji, a background, and a text color.
- Add your app name for the site.webmanifest file.
- Download the files, put them in your site's root (the public folder in most frameworks), and paste the tags into your head.
Tip: Check the icon at 16px. If you cannot read it, simplify the logo.
No logo yet? Make a letter icon
Your product
Put the files in your site's root (the public/ folder in most frameworks), then add:
Paste into <head>
<link rel="icon" href="/favicon.ico" sizes="any">
<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">
<link rel="manifest" href="/site.webmanifest">Launched something?
List it on LaunchAF for a weekly launch and a permanent dofollow backlink.