Icon in navbar next to text

[clairl]

Hi,

Is it possible to include Bootstrap icons next to text in the navbar on a Quarto website? I am hoping to have a navbar that looks like this with icons next to the tab text:

The directions suggested here work when text is not specified. E.g.,

navbar:
  left:
    -  href: github.com
       icon: github

However, I am unable to include icons next to text in the navbar. I tried this in the _quarto.yml file but only the text appeared:

navbar:
  left:
    - href: github.com
      text: Github
      icon: github
    - about.qmd

Also, the icon option does not appear to work for .qmd files.

Just wondering if it is possible to include icons next to text in the navbar and for tabs linked to .qmd files?

Thanks

[mcanouil]

You need for example the fontawesome Quarto extension, then:

  navbar:
    right:
      - text: "{{< fa brands meetup >}} Meetup R Lille"
        href: https://www.meetup.com/R-Lille/

[clairl]

Thank you so much for the quick response! That solved my question.