Back to Glossary
Web Design

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
What is Favicon? Definition & Explanation | 3Dify Glossary