Символы Unicode в привязке Angular

Есть несколько ответов о том, как отображать коды символов Unicode в привязках Angular, но я пытаюсь отобразить их динамически, и, похоже, ничего не получается.

У меня есть компонент, который получает код символа в качестве параметра @Input.

<my-component [icon] = "e901"></my-component>

Затем компонент пытается показать это, но ни один из них не работает:

<i>{{ "\u" + icon  }}</i>
<i [innerHTML] = "'\u' + icon"</i>
<i [innerHTML] = "`\u${icon}`"</i>
<i [innerHTML] = "'&#' + icon + ';'"</i>

Есть много возможностей для игры с синтаксисом, но это всегда либо приводит к ошибке, либо просто отображает \ue901 в виде строки. Это работает, если я жестко кодирую код:

<i>{{ "\ue901" }}</i>

Неважно, генерирую ли я строку в шаблоне или TypeScript. Это не сработает, если я попытаюсь передать весь код в качестве параметра. Есть идеи, ребята?