What is Favicon?
A small icon associated with a website, displayed in browser tabs and bookmarks.
A favicon (short for "favorite icon") is a small icon associated with a website that is displayed in browser tabs, bookmarks, browser history, and other places where the site is referenced. It helps users identify websites visually.
Favicon characteristics:
- Small size: Typically 16x16 or 32x32 pixels
- Simple design: Must be recognizable at tiny sizes
- Brand identity: Represents the website or brand
- Multiple formats: ICO, PNG, SVG formats supported
- Universal: Works across browsers and devices
Favicon uses:
- Browser tabs: Identifies open tabs
- Bookmarks: Visual bookmark identifier
- History: Appears in browser history
- Mobile home screens: App icon when saved
- Search results: May appear in some search engines
Favicon best practices:
- Simple design: Works at 16x16 pixels
- High contrast: Visible on light and dark backgrounds
- Brand consistent: Matches website identity
- Multiple sizes: Provide various sizes for different uses
- Modern formats: Use SVG for scalability
Creating favicons:
- Start with a simple, recognizable design
- Test at small sizes
- Ensure it's readable and clear
- Use brand colors
- Consider dark mode compatibility
A well-designed favicon helps users quickly identify your website among many open tabs and bookmarks.
Examples
- Browser tab icons
- Bookmark icons
- Mobile home screen icons
- Search result icons
- App shortcuts
Related Terms
Ready to Create Your Own 3D Icons?
Now that you understand favicon, start creating professional 3D icons and avatars with 3Dify
Get Started