🌐
Hack the Web
  • Welcome to Hack the Web
  • Getting Started
    • 🔥Course Overview
    • Why This is Important
    • 🛠️What We Will Build
  • Build with the Basics
    • Build with the Basics
    • HTML
    • CSS
    • JavaScript
    • 💥Putting it all together
    • Design Systems and CSS Frameworks
  • Design Basics
    • What Makes Good Design
    • 🏳️‍🌈Colors, Colors, Colors
    • 🔡Typography and Fonts
    • 🌀Graphics for Your Site
      • Types of Images
      • Where to Find Graphics
      • Image Formats
      • Other Media Formats
    • 🦄Icons
  • Don't Start From Scratch
    • ▶️Template Walkthrough
  • Misc Topics
    • Search Engine Optimization
    • ⭐Favicons
    • ☑️HTML & CSS Validation
    • 📊Performance Testing
    • Markdown
    • Mobile Responsive Design
  • Advanced Topics
    • Hosting Sites
    • ↔️Backend vs Frontend Development
    • ⚙️Browser Built-In Web Tools
  • Real-World Applications
    • 💼Career Paths in Web Design
    • Wordpress, Drupal, Website Builders
  • Conclusion
    • 🎉Course Recap
    • 📝Quiz for Certificate
    • 🦉Keep on Learning
  • SouthHills Info Request
Powered by GitBook
On this page
  1. Misc Topics

Favicons

PreviousSearch Engine OptimizationNextHTML & CSS Validation

Last updated 6 months ago

A favicon, or "favorite icon," is a small, 16x16 pixel icon associated with a specific webpage or website, typically displayed in the browser's address bar, tab, or bookmark menu. It serves as a visual identifier for users, enhancing brand recognition and improving the overall user experience. By including a favicon, web developers can ensure their website appears professional and easily identifiable among multiple open tabs or saved bookmarks. The favicon is implemented through an HTML <link> tag within the website's <head> section, linking to an image file that is often saved in .ico, .png, or .jpg format.

Code sample to include a favicon

<head>
  <link rel="icon" type="image/png" href="favicon.png">
</head>

Don't forget to include the graphic along with your files.

⭐