Как вставить необычный специальный символ в атрибут html?

Мой подход/что я нашел на данный момент:

Я хочу вставить значок в качестве атрибута значения для входного тега следующим образом:

<input class="icon-" value="&#977154;" />
<!--the class is used to assign the icon font-->

Я заметил, что CSS-реализация иконочных шрифтов содержит специальные символы в качестве содержимого, которое должно быть включено в качестве значка:

.icon-search:before {
    content: "\e902";
}

Итак, я искал эквивалентный код HTML Entity, чтобы включить его в качестве атрибута значения и обнаружил, что соответствующий код — 󮤂, а также что это недопустимый символ Unicode.

Итак, мне интересно, как закодировать документ, чтобы он отображал этот символ как соответствующий значок (в конце концов, он правильно отображается при реализации через класс, так что, возможно, есть способ).

Отказ от ответственности:

Я знаю, что есть другие, более "естественные" способы сделать что-то подобное, но я хочу знать масштаб этой возможности.