Буква вместо картинки, как реализовать?

Question

[Chvalov]

Как реализовать список контактов и для контактов у которых нету аватарки вместо дефолтной заглушки ставить первую букву имени, примерно так как это реализовано в приложении telegram

spoiler

Comments

[Ankhena]

Проблема-то в чем?

Ну и это не "верстка".

[Chvalov]

Ankhena, есть ли js библиотеки или примеры реализации под веб

[Ankhena]

Chvalov, примеры реализации чего?
Как поставить букву в кружочек?
Как взять из слова первую букву на неуказанном вами языке?
Как сделать запрос к неизвестной базе на неизвестном языке?

Реализация - в веб-морде любой популярной почты.

[Chvalov]

Ankhena, как взять первую букву независимо от языка и поместить в кружок

[ProjectSoft]

Chvalov, https://regex101.com/r/89UVVY/1

[Ankhena]

Chvalov, Как получить первую букву в комметарии выше.
"Как поместить" зависит от языка. Записать букву в переменную. Переменную поместить в нужный тег. Тег подготовить заранее или сгенерировать новый.