Alternative icon packs?

[nurfatimaj]

Is it possible to use other icon packs, such as Academicons?

[juliantao]

As a workaround, you can include the following in the yaml header:

header-includes:  |
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/jpswalsh/academicons@1/css/academicons.min.css">

Or save the stylesheet line to a html file (e.g, academicons.html) and use

include-in-header: 
  - path/to/academicons.html

[juliantao]

I think the first option will not work.

You may need to inert the icons manually. I know you can certainly do it in the main text of a qmd file, but am not sure whether you can do it in the YAML file.

[nurfatimaj]

Thanks!

I managed to insert it like this:

links: 
    - text: <i class="ai ai-google-scholar"></i> Google Scholar
      href: some link

But, I think it'd be nice to be able to use the icon option. Is that something that will be added later?

[juliantao]

Cheers~ Sorry that I am not a developer. I am tagging @jjallaire and @dragonstyle

[nurfatimaj]

Sorry, I forgot this was a discussion, not an issue 😅 Thanks a lot!

[dragonstyle]

It is on our todo list to add support for additional icon packs and academic icons is on the list. I'll post here when we've gotten that support ready for you to test!

[cbrnr]

Using icons that are not contained in the Bootstrap icon set is possible with extensions. For example, there is an extension for Academicons, but this only works if you want to insert icons in your .qmd sources (YAML files are not supported).

[mcanouil]

Please don't post your question everywhere. (#2776)
Answer: #2402

[cbrnr]

I'm sorry, I didn't want to spam the forum. This was not meant to be a question, but an attempt to answer the original question.

[mcanouil]

Answer from a related and more recent thread: #2402