> For the complete documentation index, see [llms.txt](https://shsbt.gitbook.io/hack-the-web/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://shsbt.gitbook.io/hack-the-web/misc-topics/favicons.md).

# Favicons

<figure><img src="https://428739234-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrW5HKeF2snMego5OCKNW%2Fuploads%2FHbamMbd5gUprNtwL17Ba%2Fimage.png?alt=media&amp;token=1e1c1287-b80a-4157-825b-23ea1c4192c5" alt=""><figcaption></figcaption></figure>

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

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

{% hint style="warning" %}
Don't forget to include the graphic along with your files.
{% endhint %}