LiveChat
Support
Blog
Affiliates
A favicon is the small icon that appears in browser tabs, bookmarks, and search results next to your site's name. Here is how to add or change yours.
Upload a favicon.ico to your site root
Create a 32x32 pixel .ico or .png image and upload it to your public_html directory as favicon.ico. Most browsers automatically look for this file. For explicit control, add this to your HTML <head>:
<link rel="icon" href="/favicon.ico" type="image/x-icon">
01. Creating a Favicon
- Size: 32x32 pixels is the standard. Also create 16x16 for older browsers and 180x180 for Apple touch icons.
- Format:
.icohas the broadest compatibility..pngworks in all modern browsers. - Free tools: favicon.io generates favicons from text, images, or emoji. RealFaviconGenerator creates all sizes and formats with the HTML tags ready to paste.
02. WordPress
WordPress has built-in favicon support:
- Go to Appearance > Customize > Site Identity
- Click "Select site icon"
- Upload an image (recommended 512x512 pixels, WordPress will resize it)
- Click "Publish"
03. Manual HTML Method
Add these lines inside the <head> section of your HTML:
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<link rel="icon" href="/favicon.png" type="image/png">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">Favicons are aggressively cached by browsers. After uploading a new one, clear your browser cache and do a hard refresh (Ctrl+Shift+R). You may also need to clear the favicon cache specifically: in Chrome, visit chrome://favicon/ or clear browsing data.
Need Help With Your Site?
Open a Support TicketQuick Recap
- Upload favicon.ico to public_html
- WordPress: Appearance > Customize > Site Identity > Site Icon
- 32x32 pixels is the standard size
- Add link tags in your HTML head for explicit control
- Clear browser cache to see the new favicon
Website customization · Last updated March 2026 · Browse all Website Tools articles
