By default, Xenforo lacks flexibility for setting the Favicon and Apple Touch Icon.
Specifically:
You will set them in Appearance -> Style properties -> Basic options.
- Favicon URL (32x32): Set the image for the favicon. Xenforo recommends a PNG file with a size of 32 x 32px.
- Icon URL (192x192): Set the image for the Apple Touch icon. Xenforo recommends a PNG file with a size of 192 x 192px.
However, according to Google's recommendations:
For the Favicon, you can use the following image formats: PNG, ICO, SVG. The recommended size is 48 x 48px.
developers.google.com
The Apple Touch Icon should use a PNG image with a transparent background. The recommended size is 180 x 180px
developer.apple.com
With the XenVn addon, you can customize these two images to the correct standard at: XenVn Settings -> Tweaks -> Customize Favicon, Customize Apple Touch Icon
After the setup is complete, your icon tags will look like this:
HTML:
You must log in to view
(2 lines)