Flag emoji in config Languages Param not rendering

I have a language.toml with the following content:

  weight = 1
  contentDir = "content/en"
  languageName = "English"
    flag = "πŸ‡ΊπŸ‡Έ"

  weight = 2
  contentDir = "content/de"
  languageName = "Deutsch"
    flag = "πŸ‡¨πŸ‡­"

I want to display the flag in the page using the following code:

    <ul class="shadow">
        {{ range $.Site.Home.AllTranslations }}
        <li class="dropdown_link"><a href="{{ .Permalink | absLangURL }}" target="_self" rel="noopener noreferrer">{{ .Site.Language.Params.flag }} {{ .Language.LanguageName }}</a></li>
        {{ end }}

But the flag is not visible:

What do I miss or do I wrong in using the config files.

Since you are able to render .Language.LanguageName the topic title is kind of misleading and I have amended it so that it reflects your issue which is about the flag emoji not rendering.

Emoji rendering depends on a number of factors.

Perhaps others have an idea about what may be wrong.
Also providing a sample repo that reproduces the issue may help to get a reply.

Thanks, I’ve updated the content as well and split my question in two different ones.