Image Code
HTML Favicon Code
A favicon is the small icon shown in browser tabs and bookmarks — one line of HTML in your <head> adds it.
Live Tool
favicon.html
Live
Preview
1How To Use
Follow these steps — no coding experience needed.
- Add your icon filePlace a small square image (ideally an .ico or .svg) at the root of your site.
- Paste the link tagsAdd them inside your <head>, alongside your <title>.
- Add an SVG version tooModern browsers prefer a scalable SVG favicon when both are available.
2Example Output
What this code looks like once it's on a real page.
Favicons make it much easier for visitors to find your tab among a dozen open ones — a small detail worth the one line of HTML.
3Browser Compatibility
| Browser | Support | Notes |
|---|---|---|
| Chrome | ✓ Supported | Full support |
| Firefox | ✓ Supported | Full support |
| Safari | ✓ Supported | Full support |
| Edge | ✓ Supported | Full support |
| Opera | ✓ Supported | Full support |
| Mobile browsers | ✓ Supported | Full support, iOS & Android |
Supported in every current browser — Chrome, Firefox, Safari, Edge and Opera all render this identically, on both desktop and mobile.
→Related Pages
More tools that pair naturally with this one.