It does not work for me with this code (SVG file format):

<link rel="icon" type="image/svg+xml" href="/favicon.svg">

but it does with this code (ICO file format):

<link rel="icon" type="image/svg+xml" href="/favicon.ico">

The file favicon.ico being present in the root of the website.

thanks for your help.

we tried all of the new joomla 4 things and also the astrid guenther instructions. so far we managed to upload the favicon, but it wont show in template nina and emani, althought it shows correctly in the template cassiopeia. maybe it´s a template-fail/-problem?

The instructions provided in Astrid Guenther's blog are very interesting but extremely complicated and excessive. My way of doing it:

- I am using the freeware tool «Inkscape»
- Create a square object e.g. 32 x 32 pixel
- Add text or image or whatever you want to have in your favicon
- Save as «favicon.svg»
- Upload the file favicon.svg to the root of your website
- Go to Joomla Back-End > System > Site Template Stiles > J51_TemplateName
- Tab «Custom Code»
- Add

<link rel="icon" type="image/svg+xml" href="/favicon.svg">

to the field «Head Custom Code»
- Save & Close
- Reload the Front-End (it is recommended to clear the browser cache)

Kind regards
Chris

Hi !
This has changed a bit in joomla 4. The easiest way is to create your favicon in the file type: .svg. This is taken first in Joomla4. with an .ico file it should also work.

attached a link with a short description.
Is in German language, you can translate it in e.g. english language...

Link: https://blog.astrid-guenther.de/cassiopeia-favicon/