1 · Your icon

Source
Shape

2 · Social share image

Alignment

3 · Your website

Used to write the full link to your share image in the code snippet.

Preview

yourdomain.com
16
32
48
180 · iOS

Download

  • favicon.ico16 · 32 · 48 px
  • favicon-32x32.pngbrowser tab
  • favicon-16x16.pngbrowser tab
  • apple-touch-icon.png180 px · iPhone / iPad
  • android-chrome-192x192.pngAndroid
  • android-chrome-512x512.pngAndroid · WordPress site icon
  • og-image.png1200 × 630 · social share
  • site.webmanifestapp icons

Paste into your <head>



On WordPress? Upload the 512 × 512 file under Appearance → Customize → Site Identity → Site Icon. Upload the other files to your site root, or let your SEO plugin handle the share image.
Runs in your browser. Your logo is never uploaded or stored.
How it works
Four steps. No signup.
01
Pick your icon
Type one to three letters, choose an emoji, or upload your logo. Set the colours and the shape.
1 minute
02
Design the share image
Add a title and subtitle for the picture that appears when your link is posted on social media.
1 minute
03
Download
Take the zip with every size, or grab the files one at a time.
Instant
04
Add it to your site
Upload the files to your site root and paste the code into your head, or use the WordPress Site Icon setting.
5 minutes
Questions
Favicon questions, answered.
The details people ask about most. If yours is not here, send it to me directly.
What sizes of favicon does a website need?
A 32 × 32 PNG and a favicon.ico cover browser tabs and bookmarks. A 180 × 180 apple-touch-icon covers iPhone and iPad home screens. 192 × 192 and 512 × 512 PNGs cover Android and the web app manifest. This tool creates all of them.
Does it upload my logo anywhere?
No. Everything is drawn in your browser, and the files are built on your device when you press download. Nothing is sent to a server.
What size should a social share image be?
1200 × 630 pixels works for Facebook, LinkedIn, X and most messaging apps. Keep important text away from the edges, because some platforms crop slightly.
How do I add a favicon in WordPress?
Go to Appearance → Customize → Site Identity and upload the 512 × 512 file as your Site Icon. WordPress creates the other sizes and adds the tags for you.
Can I use a transparent background?
Yes, tick "Transparent background" for the browser icons. The iPhone icon is always filled, because iOS replaces transparency with black.
Why is my new favicon not showing?
Browsers cache favicons aggressively. Hard refresh the page or open the site in a private window. It can take a few days for search results to pick up the change.
Free tools, plus a free website audit
Want help with the rest of your website?
These tools are free to use. If your site needs more than a new icon, I design and build custom websites for small businesses, and I offer a free audit that shows you what to fix first.