HTML COURSE โ€ข LESSON 16

HTML Favicon

A favicon is the small icon displayed in a browser tab next to the page title.

Add a Favicon

Place the favicon inside the HTML <head> section.

Favicon Code
<head>

<title>EDUHUB</title>

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

</head>

Common Favicon Formats

Example Folder

Project Structure
my-website/

โ”œโ”€โ”€ index.html

โ”œโ”€โ”€ favicon.png

โ””โ”€โ”€ style.css
โญ EDUHUB Tip

Use a simple square logo for your favicon. Small icons are easier to recognize in browser tabs.

โšก EDUHUB Live HTML Editor

LIVE PREVIEW