How do the docs achieve this permalink icon?

[harry643]

This is an icon called material-link from the Material icon set. In mkdocs.yml it just says permalink: "". Is this icon being added in custom CSS somewhere?

[facelessuser]

1. By leaving the link icon blank via the TOC extension: https://github.com/facelessuser/pymdown-extensions/blob/main/mkdocs.yml#L73

2. By providing CSS that adds the inlined image. https://github.com/facelessuser/pymdown-extensions/blob/main/docs/src/scss/extensions/_toc.scss

   We use SCSS to inline the image into the final CSS, but you don't have to. You could just as easily use some icon font or reference the image via a CDN, etc.

   Icon comes from: https://materialdesignicons.com/

[johnmerlie]

Found this while trying to answer the same question.

I was able to produce similar output by adding ︎ in my toc.permalink setting based on the answer here.

mkdocs.yml

markdown_extensions:
  - toc:
      permalink: "🔗︎"

Rendered: