HTML Favicon

A favicon (short for "favorites icon") in HTML is a small, typically 16x16 pixel icon associated with a website or web page. It appears in various places, such as the browser's address bar, tabs, bookmarks, and other UI elements. The favicon helps users quickly identify a website among multiple open tabs or bookmarks.

To include a favicon in an HTML document, you can use the <link> element in the <head> section of your HTML code. Here's an example:

Example

<!DOCTYPE html>
<html>
<link rel="icon" href="favicon.ico" type="image/x-icon">
<title>Your Website Title<title>
<body>
<!-- Your webpage content goes here -->
</body>
</html>

You can click on above box to edit the code and run again.

Output

Favicon File Format Support

The following table shows the file format support for a favicon image

Browser	ICO	PNG	GIF	JPEG	SVG
Edge	YES	YES	YES	YES	YES
Chrome	YES	YES	YES	YES	YES
Firefox	YES	YES	YES	YES	YES
Opera	YES	YES	YES	YES	YES
Safari	YES	YES	YES	YES	YES