Material Design Icons (MDI)
Using the :mdi[<mdi-icon-name>] text directive in a plain text paragraph (that is, not inside an inline code
or similar element), we can conveniently include Material Design icons within our MDX pages.
Here are some examples:
| Shorthand | Yields icon |
|---|---|
:mdi[google-chrome] | |
:mdi[microsoft-edge] | |
:mdi[apple-safari] | |
:mdi[firefox] | |
:mdi[lightbulb] | |
:mdi[alarm] | |
:mdi[heart-outline] | |
:mdi[application-braces-outline] | |
:mdi[language-python] |
Search the 👉 MDI library on Iconify for an icon that suits your needs!