Favicon

Setup

Place the following assets in the /assets/favicons directory.

assets/favicons/
├── favicon.ico
├── favicon.svg
├── apple-touch-icon.png
├── android-chrome-192x192.png
├── android-chrome-512x512.png
└── site.webmanifest

All files are optional. The simplest setup is a single favicon.ico. See How to Favicon in 2026: Three files that fit most needs for recommended favicon formats and browser support details.

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. To force a refresh in Chrome:

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