Include favicon in browser tab

[jansauermann]

Description

Hi, I have a website built with Quarto which works great overall. I just get one thing not correctly implemented: show my favicon in the browser tab, I include it in the _quarto.yml file:

project:
type: website
output-dir: docs

website:
favicon: "images/icon.png"

Whenever I compile the page, the favicon link is shown in the html as:

I bet there is a simple reason why the "./" is shown there. Did I make an obvious mistake somewhere?

[mcanouil]

Could you properly format your post using code blocks for code and terminal outputs? Thanks.
If your code contains code blocks, you need to enclose it using more backticks, i.e., usually four ````.
See https://quarto.org/bug-reports.html#formatting-make-githubs-markdown-work-for-us.

Could you share a small self-contained "working" (reproducible) example to work with, i.e., a complete Quarto document or a Git repository? The goal is to make it as easy as possible for us to recreate your problem so that we can fix it: please help us help you! Thanks.

---

You can share a self-contained "working" (reproducible) Quarto document using the following syntax, i.e., using more backticks than you have in your document (usually four ````).
See https://quarto.org/bug-reports.html#small-is-beautiful-aim-for-a-single-document-with-10-lines.

If you have multiple files (and if it is absolutely required to have multiple files), please share as a Git repository.

R	Python
````qmd --- title: "Reproducible Quarto Document" format: html engine: knitr --- This is a reproducible Quarto document. {{< lipsum 1 >}} ```{r} x <- c(1, 2, 3, 4, 5) y <- c(1, 4, 9, 16, 25) plot(x, y) ``` {#fig-placeholder} {{< lipsum 1 >}} The end after @fig-placeholder. ````	````qmd --- title: "Reproducible Quarto Document" format: html engine: jupyter --- This is a reproducible Quarto document. {{< lipsum 1 >}} ```{python} import matplotlib.pyplot as plt x = [1, 2, 3, 4, 5] y = [1, 4, 9, 16, 25] plt.plot(x, y) plt.show() ``` {#fig-placeholder} {{< lipsum 1 >}} The end after @fig-placeholder. ````

Additionally and if not already given, please share the output of quarto check within a code block (i.e., using three backticks ```txt), see https://quarto.org/bug-reports.html#check.

[mcanouil]

• https://github.com/quarto-dev/quarto-web/blob/main/_quarto.yml#L16
• https://github.com/mcanouil/mickael.canouil.fr/blob/3391af83e2a6ec57a4fd9c91d51d3b8343b39a66/_quarto.yml#L11

The documentation: https://quarto.org/docs/websites/website-tools.html#social-metadata

[jansauermann]

Sorry, missed to include that!

title: "Research"
website: 
  back-to-top-navigation: true
  favicon: "images/icon.png"
format: 
---

This is my page

I hope this works as an example!

[mcanouil]

Website is a project option and belongs only in _quarto.yml.

[jansauermann]

Good point! But even if I put it there it still shows the "wrong" link starting with ./

[mcanouil]

Why ./ would be wrong exactly?

As requested please share an actual reproducible example that you've tried. In this particular case, a Git repository would work.