# Favicon

A favicon is a small icon associated with a website. It is typically displayed in browser tabs, address bars, and bookmark lists to provide a visual identity for the site.

## Static Directory

Place the following assets in the `/static` directory to enable default favicon support:

```shell
static/
├── android-chrome-192x192.png
├── android-chrome-512x512.png
├── apple-touch-icon.png
├── favicon-16x16.png
├── favicon-32x32.png
├── favicon.ico
└── site.webmanifest
````

## Custom Favicon Setup

If the favicon format does not match the built-in requirements, create `layouts/partials/head/favicons.html` to override the default settings.

## Not Updating

If your favicon is not updating, it is usually due to browser caching. For example, to refresh the cache:

1. Press `F12` to open Chrome DevTools
2. Go to the `Network` panel
3. Enable `Disable cache`
4. Refresh the page