Add a custom logo and favicon

Every Fern Docs website has a special configuration file called docs.yml. Use this file to update the logo and favicon for your documentation site.

Logo

Add a logo that displays in the top left of your documentation website.

1
logo:
2
  path: ./images/logo.png
3
  height: 60
4
  href: https://example.com

Logo path

path specifies the image file location. The supported file types are .png or .svg.

Logo height

height sets the logo’s height in pixels.

Logo href

href provides a link for the logo, often used to point to the website’s homepage. When the logo is clicked, the user is directed to this link.

Favicon

Specifies the path to a favicon image, which is typically displayed in a browser tab or bookmark. Supported file types are .png and .ico.