Search code examples
tabsiconsquarto

Add icon to Browser tab in Quarto?

I was wondering if it is possible to add an icon to your own website to show in the tab of your browser in Quarto? Here you can see an example of my website tab without an icon and the website of Quarto with an icon:

enter image description here

I can imagine there should be an option using the Bootstrap Icons as you can use in your sidebar and navigation bar. But how is this possible for the browser tab?

Solution

  • For anyone coming here wondering how to add favicon to standalone HTML document, for example with quarto report with format: html (rather than website built with Quarto where @Quinten's answer works well) you can add the following to your YAML header:

    include-in-header:
  - text: |
     <link rel = "shortcut icon" href = "favicon.ico" />

    This answer was taken from this GitHub discussion but took me ages to find so putting here too.