Favicon Generator
Generate a complete favicon package — favicon.ico, PNG icons, an Apple touch icon and a web manifest — from an image or a couple of letters. Copy the HTML and you're done. All in your browser.
<link rel="icon" href="/favicon.ico" sizes="any" /> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" /> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" /> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" /> <link rel="manifest" href="/site.webmanifest" />
Source
Background & corners
How to generate a favicon
- 1
Pick Image and upload one, or choose Text and type 1–4 characters.
- 2
Set a background color and rounded corners to taste.
- 3
Click Generate to build every required size plus a web manifest.
- 4
Download the ZIP and paste the HTML snippet into your site's <head>.
About the Favicon Generator
A complete favicon is more than one file — modern browsers and devices want several sizes plus a web manifest. The generator builds the whole package (favicon.ico, PNG sizes, an Apple touch icon, Android icons and the manifest) from an image or a couple of letters, and gives you the exact HTML to paste into your site's head.
Frequently asked questions
Which files are included in the package?
favicon.ico, 16/32/48 px PNGs, a 180 px Apple touch icon, 192 & 512 px Android icons, a site.webmanifest, and a README with the HTML.
How do I install the favicon?
Put the files in your site's root folder and paste the provided <link> tags into your page's <head>.
Can I make a favicon from text instead of an image?
Yes — switch to Text mode and type 1–4 characters, then pick your text and background colors.
Are my images uploaded to a server?
No. The entire package is generated in your browser; nothing is uploaded.