Favicon Generator
Make the small icon that appears in browser tabs and on phone home screens, from a few letters or your logo. You get every size, a favicon.ico and the HTML to paste in.
PREVIEW
HTML
<link rel="icon" href="/favicon.ico" sizes="48x48"> <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">
Paste these lines inside the <head> of your pages.
Runs entirely in your browser. Nothing you enter is sent to a server.
How to create a favicon
Choose letters or an image
Type one to three letters or an emoji, or open your logo.
Style it
Pick the shape and colours, or the background and padding for an image.
Download and add it
Download the ZIP, upload the files to your site's root folder and paste the HTML into the page head.
What's in the package
favicon.ico with 16, 32 and 48 pixel versions for browsers, PNG icons in 16 and 32 pixels, a 180 pixel Apple touch icon for iPhone and iPad home screens, 192 and 512 pixel icons for Android, and a site.webmanifest that lists them.
Designing for 16 pixels
A favicon is tiny in a browser tab. One or two bold letters or a simple symbol stays recognisable; detailed logos turn to mush. Check the 16 pixel preview before you download.
Frequently asked questions
Where do I put the files?
In the root folder of your website, so that /favicon.ico and the other paths in the HTML exist. Then add the HTML lines inside <head>.
Why does my old favicon still show?
Browsers cache favicons for a long time. Reload with the cache cleared or open the site in a private window to check.
Is my logo uploaded?
No. All icons are drawn in your browser.