Estoy tratando de usar el símbolo Unicode en una de las páginas de mi aplicación, actualmente me enfrento a un problema en el que el símbolo no aparece en dispositivos móviles/Andorid: el navegador Chrome muestra un cuadro vacío en su lugar (No se encontró el símbolo de glifo). Funciona perfectamente en escritorio: navegador Chrome. (Se agregaron capturas de pantalla a continuación).

Estoy tratando de usar "FLECHA DE PUNTA HACIA LA DERECHA DE CABEZA ANCHA" U+1F86A "🡪"

Referencias de símbolos Unicode:

http://xahlee.info/comp/unicode_arrows.html

https://unicode-table.com/en/1F86A/

Como es uno de los símbolos comunes admitidos en la mayoría de las fuentes, la expectativa ideal es que se represente y muestre la flecha correctamente.

Vista de escritorio

Vista móvil

He vuelto a crear el problema en este codepen, cualquier sugerencia sería realmente útil.

https://codepen.io/adatdeltax/pen/WNOdvre

 <template> <div id="app"> <p> 🡪 Resources </p> </div> </template>