What is a favicon?
A favicon is the small icon that represents a website in browser tabs, bookmarks and search results.
Definition
Modern sites provide several sizes, including icons for phone home screens. Google can show the favicon next to search results.
Why it matters
It makes the site recognisable among many open tabs and adds polish in search results.
How to get it right
- Use a simple mark that reads at 16 pixels.
- Provide multiple sizes.
- Match the brand colour.
- Include an icon for phone home screens.
Mistakes to avoid
- A detailed logo that becomes a blur
- Missing icons
- Different icons across pages
Related terms
Orlume, the design-first AI website builder, gets the details on this page right for you: describe your site in one prompt and it decides the layout, type, colour and structure, builds it in React and Next.js and puts it live in one click.
Free to start · No card required · Live in one click
More building and hosting terms
Questions, answered.
The things people ask before they start building.
What is a favicon?
A favicon is the small icon that represents a website in browser tabs, bookmarks and search results. Modern sites provide several sizes, including icons for phone home screens. Google can show the favicon next to search results.
Why does Favicon matter?
It makes the site recognisable among many open tabs and adds polish in search results.
How do you get favicon right?
Use a simple mark that reads at 16 pixels. Provide multiple sizes. Match the brand colour. Include an icon for phone home screens.
Still stuck? Email usBuild something that doesn't look AI-made.
Describe the site you want. Watch it get designed, not just generated. Then publish it to its own orlume.site address.
- Free to start
- No card required
- Publish to a live URL
- You own the code