Как сделать, чтобы utf символ не превращался в цветную иконку на мобильном?

Question

[HelpSophie]

На сайте вставлена иконка ☎
Ей задан красный цвет.

В десктопных браузерах все ок. Но на мобильном она превращается в иконку телефона, серую, с белым диском.

Comments

[Александр]

То есть та же, что вы вставили сюда?

[Lynn «Кофеман»]

Кажется вам нужно узнать чем эмоджи отличается от иконки https://emojipedia.org/black-telephone/

[HelpSophie]

Александр, ага

[HelpSophie]

Алексей Тен, Кажется, мне нужно узнать, как сделать так, чтобы на мобилках она осталась заданного через color цвета.

[FeST1VaL]

HelpSophie, а не проще использовать иконки, а не эмоджи?

[Lynn «Кофеман»]

HelpSophie, никак

[Lynn «Кофеман»]

Хотите картинку, вставляйте картинку.
Ну ладно, есть такой хак https://stackoverflow.com/questions/32413731/color...

[HelpSophie]

Алексей Тен,

Хотите картинку, вставляйте картинку.

Не хотела картинок, svg и тем более font awesome'ов.
Очень хотела все быстро и просто вставив юникодо-символ.

Это

color: transparent;  
text-shadow: 0 0 0 red;

практически хорошо. На данный момент это решит проблему, потом поменяю на свг.

Спасибо!

Answer 1

[HelpSophie]

Спасибо за подсказку хака Алексей Тен

color: transparent;  
text-shadow: 0 0 0 red;

Answer 2

[Талян]

Эти эмодзи - ужас, состоящий из нескольких частей, где одна часть может определять тип рожи, а другая - её цвет. Возможно на смартфон приходит строка в урезанной кодировке, это нужно выяснить. Дебажить строку там и там, сравнивать хекс-код строк.

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

https://habr.com/ru/post/447614/