Create a favicon for your website from your logo or from letters and an emoji, and download every size you need, with the HTML to add it.
Loading the tool…
What you get
| File | Size | Used for |
|---|---|---|
| favicon.ico | 16, 32 and 48 px | Browser tabs and bookmarks (all browsers) |
| favicon-32×32.png | 32 px | Modern browsers |
| apple-touch-icon.png | 180 px | iPhone and iPad home screens |
| icon-192.png and icon-512.png | 192 and 512 px | Android, web app manifests and WordPress Site Icon |
How to add it to your site
- Download the files and upload them to your site’s root folder.
- Paste the HTML snippet into the
<head>of your pages. - On WordPress, go to Appearance → Customise → Site Identity → Site Icon and upload the 512 px image instead.
Design tips
- Keep it simple: one or two letters or a bold shape reads best at 16 px.
- Use strong contrast between the background and the letter.
- Start from a square image for the best result.
Frequently asked questions
What size should a favicon be?
Provide a .ico with 16, 32 and 48 px sizes, plus a 180 px Apple touch icon and 192/512 px icons for Android.
Can I make a favicon from an emoji?
Yes. Type the emoji in the letters box. How it looks depends on the emoji style of your device.
Why isn't my new favicon showing?
Browsers cache favicons heavily. Try a hard refresh or a private window.
Are my images uploaded?
No. Everything is made in your browser.
Last updated: