Font Awesome Icons Not Appearing

[theory]

Hi. I'm using the squidfunk/mkdocs-material:8.2.9 Docker image with emoji enabled like so:

  - pymdownx.emoji:
      emoji_index: !!python/name:materialx.emoji.twemoji
      emoji_generator: !!python/name:pymdownx.emoji.to_svg

Emoji like :thinking: work fine, but Font Awesome icons like :fontawesome-regular-face-laugh-wink: do not. They render as

<img alt=":fontawesome-solid-database:" class="twemoji" src="https://twemoji.maxcdn.com/v/latest/svg/None.svg" title=":fontawesome-solid-database:">

Is there some additional configuration I need to switch on? TIA!

[theory]

Oh is Material using v5? The docs site properly displays :fontawesome-regular-face-laugh-wink:.

[squidfunk]

Material is using the latest version, so it's an error in the documentation. PR appreciated!

[theory]

Very confused. The new v6 :fontawesome-regular-face-laugh-wink: syntax works for the Material docs but not for me.

[squidfunk]

Wait, I think your configuration is wrong. Try:

- pymdownx.emoji:
      emoji_index: !!python/name:materialx.emoji.twemoji
      emoji_generator: !!python/name:materialx.emoji.to_svg # <- not pymdownx, but materialx

Did you copy that somewhere? If so, we should fix the location.

[theory]

Ah-ha. No, this was made from a template in my company, I hadn't spotted that difference before. I changed it to

      emoji_generator: !!python/name:materialx.emoji.to_svg

And now it works as expected, thank you!

[Shivansh-Mittal]

what can be the solution for this ?

[squidfunk]

The swiggly red underlines are just coming from VS Code not understanding custom YAML tags. Nothing to worry about. If you want them to go away, add this to your settings.json:

mkdocs-material/.vscode/settings.json

Lines 14 to 20 in f892849

	"yaml.customTags": [
	"!ENV scalar",
	"!ENV sequence",
	"tag:yaml.org,2002:python/name:materialx.emoji.to_svg",
	"tag:yaml.org,2002:python/name:materialx.emoji.twemoji",
	"tag:yaml.org,2002:python/name:pymdownx.superfences.fence_code_format"
	]