How to add MkDocs Material icons to templates?

Question

MkDocs Material comes packaged with many icons, and makes it very easy to use them in markdown. You can put short-codes anywhere in your Markdown, and they render perfectly.

<!-- some markdown file -->
:smile:
:material-account-circle:

I can't seem to figure out how to use these icons in HTML templates however. How can the icons packaged with MkDocs Material be used in HTML templates?

<!-- an HTML template used to render markdown -->
<span class="octicon octicon-clippy"></span> <!-- doesn't work -->

score 3 · Accepted Answer · answered Jul 30 '20 at 18:38

3

Author here. I've just added a section to the documentation for how to use icons in templates: https://squidfunk.github.io/mkdocs-material/reference/icons-emojis/#using-icons-in-templates

answered Jul 30 '20 at 18:38

squidfunk

391
3
17

1

Fantastic. Your continued attention to this project is impressive. Cheers! – conner.xyz Jul 31 '20 at 14:50

How to add MkDocs Material icons to templates?

1 Answers1