Lesson 12: HTML Favicon

Setting a Browser Favicon

A favicon is a small icon displayed next to the page title in the browser tab, in bookmarks, and in search history lists.

<link rel="icon" type="image/x-icon" href="/images/favicon.ico">

Why&How to use:

Favicons strengthen brand recognition and help users visually identify open website tabs in browser windows.

			
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Favicon Example</title>
    <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
    <h1>Page with a Favicon</h1>
    <p>Check the browser tab to see the custom site icon.</p>
</body>
</html>

		